.elementor-348 .elementor-element.elementor-element-b2bbda8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-348 .elementor-element.elementor-element-90dd8ff{--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;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-348 .elementor-element.elementor-element-e8b5d5b{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;}.elementor-348 .elementor-element.elementor-element-e8b5d5b img{width:100%;}.elementor-348 .elementor-element.elementor-element-be4af4e{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-348 .elementor-element.elementor-element-7ee66b5{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-348 .elementor-element.elementor-element-7ee66b5.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-7ee66b5 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:50px;font-weight:600;line-height:1.3em;color:var( --e-global-color-d51f897 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-348 .elementor-element.elementor-element-4769c8c{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-790eb18{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;}.elementor-348 .elementor-element.elementor-element-790eb18 img{width:100%;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-348 .elementor-element.elementor-element-684c7f6{--display:flex;}.elementor-348 .elementor-element.elementor-element-2318f27{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-8429b07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-348 .elementor-element.elementor-element-1609f30{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-1609f30.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-1609f30.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-1609f30.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-1609f30.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-4c6e84f img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-b060fb7{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-b060fb7.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-b060fb7 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-e610785{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-348 .elementor-element.elementor-element-75c2a24 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-75c2a24 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-75c2a24 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-591d5b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-ead02a8{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-ead02a8.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-ead02a8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-ead02a8.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-ead02a8.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-18a3731 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-6ad37ee{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-6ad37ee.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-6ad37ee .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-d5f4eb2{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-bde6d7c .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-bde6d7c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-bde6d7c .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-f6cc48a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-aeeb82e{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-aeeb82e.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-aeeb82e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-aeeb82e.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-aeeb82e.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-e247b1d img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-b97ead1{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-b97ead1.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-b97ead1 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-c8062ae{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-845ddc0 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-845ddc0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-845ddc0 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-b96a315{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-574be86{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-574be86.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-574be86.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-574be86.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-574be86.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-2521419 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-09f4662{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-09f4662.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-09f4662 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-b0047fb{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-728377a .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-728377a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-728377a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-3f045e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-c3c860e{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-c3c860e.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-c3c860e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c3c860e.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-c3c860e.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-cd15039 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-9caadfb{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-9caadfb.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-9caadfb .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-1ec875e{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-e8d6e20 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-e8d6e20 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-e8d6e20 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-f8ec604{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-feca809{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-feca809.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-feca809.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-feca809.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-feca809.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-e27793c img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-8ee675c{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-8ee675c.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-8ee675c .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-85bd49c{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-e1f0bcf .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-e1f0bcf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-e1f0bcf .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-7e5f9cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-d03004f{width:100%;max-width:100%;margin:0px 15px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-d03004f.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-d03004f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-d03004f.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-d03004f.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-d8eb124 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-7ee6e87{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-7ee6e87.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-7ee6e87 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-89de1c6{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-c555e16 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c555e16 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-c555e16 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-923b1d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-c193e9e{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-c193e9e.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-c193e9e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c193e9e.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-c193e9e.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-dcf6a7b img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-1de6d28{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-1de6d28.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-1de6d28 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-a89f39e{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-4963fd2 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-4963fd2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-4963fd2 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-0b18af5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-a16a4a5{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-a16a4a5.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-a16a4a5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-a16a4a5.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-a16a4a5.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-2cf974e img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-775dc87{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-775dc87.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-775dc87 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-c807932{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-9477d63 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-9477d63 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-9477d63 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-07c3606{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-c11da3d{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-c11da3d.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-c11da3d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c11da3d.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-c11da3d.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-04a99ba img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-35cda56{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-35cda56.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-35cda56 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-46c66ad{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-c8a83d5 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-c8a83d5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-c8a83d5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-5522cc8{--display:flex;}.elementor-348 .elementor-element.elementor-element-f045734{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-8d5211f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-612beff{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-612beff.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-612beff.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-612beff.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-612beff.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-d9ef4a2 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-86cb2dc{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-86cb2dc.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-86cb2dc .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-99b0aa4{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-ec12473 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-ec12473 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-ec12473 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-36e4b21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-be85125{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-be85125.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-be85125.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-be85125.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-be85125.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-763ebaa img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-ab816a2{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-ab816a2.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-ab816a2 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-669bf5c{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-b918524 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-b918524 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-b918524 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-fd2ff1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-27f0061{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-27f0061.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-27f0061.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-27f0061.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-27f0061.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-0a35801 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-d05b2c2{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-d05b2c2.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-d05b2c2 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-d9279f0{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-fcff5e5 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-fcff5e5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-fcff5e5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-ccb6cf4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-6b7364e{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-6b7364e.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-6b7364e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-6b7364e.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-6b7364e.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-466df69 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-8bb992c{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-8bb992c.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-8bb992c .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-fc3f882{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-10e6c50 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-10e6c50 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-10e6c50 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-1f3a66d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-8a4fd97{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-8a4fd97.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-8a4fd97.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-8a4fd97.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-8a4fd97.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-e6178f9 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-1226fc0{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-1226fc0.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-1226fc0 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-769cff9{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-6f71c7a .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-6f71c7a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-6f71c7a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-b090cac{--display:flex;}.elementor-348 .elementor-element.elementor-element-a28ee39{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-8a5954b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-0d95bf9{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-0d95bf9.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-0d95bf9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-0d95bf9.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-0d95bf9.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-25c32a5 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-e77acac{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-e77acac.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-e77acac .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-727076a{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-e70bcc4 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-e70bcc4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-e70bcc4 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-a9f6843{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-7dc2fbe{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-7dc2fbe.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-7dc2fbe.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-7dc2fbe.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-7dc2fbe.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-b58b70e img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-325fc67{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-325fc67.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-325fc67 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-ebb52d7{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-7275e0a .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-7275e0a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-7275e0a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-4a2b8a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-27344a5{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-27344a5.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-27344a5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-27344a5.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-27344a5.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-428bc59 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-6c64185{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-6c64185.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-6c64185 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-79d5a28{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-e7bbfd4 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-e7bbfd4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-e7bbfd4 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-274546f{--display:flex;}.elementor-348 .elementor-element.elementor-element-1cb62e3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-190ec4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-60dabbb{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-60dabbb.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-60dabbb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-60dabbb.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-60dabbb.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-ab291b7 img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-aa7c478{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-aa7c478.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-aa7c478 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-401cd4d{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-5498780 .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-5498780 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-5498780 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-2d7ffb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-348 .elementor-element.elementor-element-accbb6f{width:100%;max-width:100%;margin:10px 15px calc(var(--kit-widget-spacing, 0px) + -55px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-348 .elementor-element.elementor-element-accbb6f.elementor-element{--align-self:flex-start;}.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-accbb6f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-accbb6f.elementor-view-framed .elementor-icon, .elementor-348 .elementor-element.elementor-element-accbb6f.elementor-view-default .elementor-icon{fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );border-color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon{font-size:11px;}.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title a{font-family:"peyda", Sans-serif;font-size:11px;font-weight:600;}.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-description{font-family:"peyda", Sans-serif;font-weight:400;}.elementor-348 .elementor-element.elementor-element-3165c9e img{border-radius:12px 12px 12px 12px;}.elementor-348 .elementor-element.elementor-element-036f6ca{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-036f6ca.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-036f6ca .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:30px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-da150bd{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-a7a3bad .elementor-button{background-color:#02010100;fill:var( --e-global-color-e904df7 );color:var( --e-global-color-e904df7 );}.elementor-348 .elementor-element.elementor-element-a7a3bad .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-348 .elementor-element.elementor-element-a7a3bad .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-348 .elementor-element.elementor-element-6076a8a{--display:flex;}.elementor-348 .elementor-element.elementor-element-1cc15fc{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-348 .elementor-element.elementor-element-1cc15fc.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"peyda", Sans-serif;font-weight:500;}.elementor-348 .elementor-element.elementor-element-54027a3{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-348 .elementor-element.elementor-element-54027a3:not(.elementor-motion-effects-element-type-background), .elementor-348 .elementor-element.elementor-element-54027a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daiweb.net/wp-content/uploads/2026/08/Untitled-1.png");background-position:0px 72px;background-repeat:no-repeat;}.elementor-348 .elementor-element.elementor-element-99b9c25{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;}.elementor-348 .elementor-element.elementor-element-99b9c25.elementor-element{--align-self:center;}.elementor-348 .elementor-element.elementor-element-99b9c25 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:40px;font-weight:700;line-height:1.7em;color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-1d5c48d{width:100%;max-width:100%;text-align:center;font-family:"peyda", Sans-serif;font-weight:400;color:var( --e-global-color-1a9917e );}.elementor-348 .elementor-element.elementor-element-d213ec0 .elementor-button{background-color:#0D63E8;font-family:"peyda", Sans-serif;font-size:14px;font-weight:600;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-592376d );border-radius:12px 12px 12px 12px;padding:13px 17px 13px 17px;}.elementor-348 .elementor-element.elementor-element-d213ec0 .elementor-button:hover, .elementor-348 .elementor-element.elementor-element-d213ec0 .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-d51f897 );border-color:var( --e-global-color-d51f897 );}.elementor-348 .elementor-element.elementor-element-d213ec0{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-348 .elementor-element.elementor-element-d213ec0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-348 .elementor-element.elementor-element-d213ec0 .elementor-button:hover svg, .elementor-348 .elementor-element.elementor-element-d213ec0 .elementor-button:focus svg{fill:var( --e-global-color-d51f897 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-348 .elementor-element.elementor-element-90dd8ff{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-348 .elementor-element.elementor-element-790eb18{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}.elementor-348 .elementor-element.elementor-element-2318f27{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-f045734{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-a28ee39{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-1cb62e3{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-54027a3:not(.elementor-motion-effects-element-type-background), .elementor-348 .elementor-element.elementor-element-54027a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-348 .elementor-element.elementor-element-b2bbda8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-348 .elementor-element.elementor-element-90dd8ff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-348 .elementor-element.elementor-element-e8b5d5b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-348 .elementor-element.elementor-element-be4af4e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-348 .elementor-element.elementor-element-7ee66b5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-348 .elementor-element.elementor-element-7ee66b5 .elementor-heading-title{font-size:32px;line-height:1.3em;}.elementor-348 .elementor-element.elementor-element-4769c8c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:16px;}.elementor-348 .elementor-element.elementor-element-2318f27{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-1609f30{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-b060fb7 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-e610785{font-size:15px;}.elementor-348 .elementor-element.elementor-element-ead02a8{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-6ad37ee .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-d5f4eb2{font-size:15px;}.elementor-348 .elementor-element.elementor-element-aeeb82e{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-b97ead1 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-c8062ae{font-size:15px;}.elementor-348 .elementor-element.elementor-element-574be86{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-09f4662 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-b0047fb{font-size:15px;}.elementor-348 .elementor-element.elementor-element-c3c860e{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-9caadfb .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-1ec875e{font-size:15px;}.elementor-348 .elementor-element.elementor-element-feca809{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-8ee675c .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-85bd49c{font-size:15px;}.elementor-348 .elementor-element.elementor-element-d03004f{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-7ee6e87 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-89de1c6{font-size:15px;}.elementor-348 .elementor-element.elementor-element-c193e9e{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-1de6d28 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-a89f39e{font-size:15px;}.elementor-348 .elementor-element.elementor-element-a16a4a5{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-775dc87 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-c807932{font-size:15px;}.elementor-348 .elementor-element.elementor-element-c11da3d{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-35cda56 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-46c66ad{font-size:15px;}.elementor-348 .elementor-element.elementor-element-f045734{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-612beff{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-86cb2dc .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-99b0aa4{font-size:15px;}.elementor-348 .elementor-element.elementor-element-be85125{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-ab816a2 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-669bf5c{font-size:15px;}.elementor-348 .elementor-element.elementor-element-27f0061{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-d05b2c2 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-d9279f0{font-size:15px;}.elementor-348 .elementor-element.elementor-element-6b7364e{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-8bb992c .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-fc3f882{font-size:15px;}.elementor-348 .elementor-element.elementor-element-8a4fd97{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-1226fc0 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-769cff9{font-size:15px;}.elementor-348 .elementor-element.elementor-element-a28ee39{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-0d95bf9{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-e77acac .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-727076a{font-size:15px;}.elementor-348 .elementor-element.elementor-element-7dc2fbe{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-325fc67 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-ebb52d7{font-size:15px;}.elementor-348 .elementor-element.elementor-element-27344a5{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-6c64185 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-79d5a28{font-size:15px;}.elementor-348 .elementor-element.elementor-element-1cb62e3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-60dabbb{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-aa7c478 .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-401cd4d{font-size:15px;}.elementor-348 .elementor-element.elementor-element-accbb6f{margin:0px 7px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;}.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title, .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title a{font-size:6px;}.elementor-348 .elementor-element.elementor-element-036f6ca .elementor-heading-title{font-size:23px;}.elementor-348 .elementor-element.elementor-element-da150bd{font-size:15px;}.elementor-348 .elementor-element.elementor-element-1cc15fc{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-348 .elementor-element.elementor-element-54027a3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-348 .elementor-element.elementor-element-54027a3:not(.elementor-motion-effects-element-type-background), .elementor-348 .elementor-element.elementor-element-54027a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-273px 140px;}.elementor-348 .elementor-element.elementor-element-99b9c25{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-348 .elementor-element.elementor-element-99b9c25 .elementor-heading-title{font-size:28px;}.elementor-348 .elementor-element.elementor-element-1d5c48d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:16px;}}@media(min-width:768px){.elementor-348 .elementor-element.elementor-element-be4af4e{--width:52%;}.elementor-348 .elementor-element.elementor-element-54027a3{--width:93%;}}@media(max-width:1024px) and (min-width:768px){.elementor-348 .elementor-element.elementor-element-be4af4e{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-7ee66b5 */.elementor-348 .elementor-element.elementor-element-7ee66b5 {
    position: relative;
    padding-bottom: 20px; /* فاصله خط از محتوا */
}

.elementor-348 .elementor-element.elementor-element-7ee66b5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #163150 25%,
        #0453D3 50%,
        #163150 75%,
        transparent 100%
    );

    box-shadow: 0 1px 4px rgba(4, 83, 211, 0.3);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1609f30 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ead02a8 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-aeeb82e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-574be86 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c3c860e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-feca809 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d03004f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c193e9e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a16a4a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c11da3d *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2318f27 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-612beff *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-be85125 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27f0061 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6b7364e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8a4fd97 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f045734 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d95bf9 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7dc2fbe *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27344a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a28ee39 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-60dabbb *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-accbb6f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb62e3 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1609f30 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ead02a8 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-aeeb82e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-574be86 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c3c860e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-feca809 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d03004f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c193e9e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a16a4a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c11da3d *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2318f27 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-612beff *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-be85125 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27f0061 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6b7364e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8a4fd97 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f045734 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d95bf9 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7dc2fbe *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27344a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a28ee39 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-60dabbb *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-accbb6f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb62e3 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1609f30 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ead02a8 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-aeeb82e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-574be86 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c3c860e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-feca809 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d03004f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c193e9e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a16a4a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c11da3d *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2318f27 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-612beff *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-be85125 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27f0061 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6b7364e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8a4fd97 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f045734 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d95bf9 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7dc2fbe *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27344a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a28ee39 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-60dabbb *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-accbb6f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb62e3 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1609f30 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ead02a8 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-aeeb82e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-574be86 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c3c860e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-feca809 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d03004f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c193e9e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a16a4a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c11da3d *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2318f27 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-612beff *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-be85125 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27f0061 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6b7364e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8a4fd97 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f045734 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d95bf9 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7dc2fbe *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27344a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a28ee39 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-60dabbb *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-accbb6f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb62e3 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1609f30 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ead02a8 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-aeeb82e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-574be86 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c3c860e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-feca809 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d03004f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c193e9e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a16a4a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c11da3d *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2318f27 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-612beff *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-be85125 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27f0061 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6b7364e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8a4fd97 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f045734 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d95bf9 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7dc2fbe *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27344a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a28ee39 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-60dabbb *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-accbb6f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb62e3 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1609f30 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-1609f30 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ead02a8 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-ead02a8 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-aeeb82e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-aeeb82e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-574be86 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-574be86 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c3c860e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c3c860e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-feca809 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-feca809 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d03004f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-d03004f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c193e9e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c193e9e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a16a4a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-a16a4a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c11da3d *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-c11da3d .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2318f27 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-2318f27 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-612beff *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-612beff .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-be85125 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-be85125 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27f0061 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27f0061 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6b7364e *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-6b7364e .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8a4fd97 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-8a4fd97 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f045734 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-f045734 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d95bf9 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-0d95bf9 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7dc2fbe *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-7dc2fbe .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-27344a5 *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-27344a5 .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a28ee39 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-a28ee39 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-60dabbb *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-60dabbb .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-accbb6f *//* ================================
   Compact Solid Badge Style
================================ */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    /* دسکتاپ: باکس جمع‌وجورتر */
    padding: 3px 11px 5px 9px !important;

    background-color: var(--surface-card, #0B1528) !important;
    border: 1px solid var(--border-color, #163150) !important;
    border-radius: 50px !important;

    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    will-change: transform, border-color, box-shadow;

    width: auto !important;
    max-width: max-content !important;
}

/* حذف فاصله‌های پیش‌فرض Elementor */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-icon,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-content,
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیکن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--primary, #0453D3) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* متن کوچک‌تر */
.elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
    font-size: 0.72rem !important; /* حدود 11.5px */
    font-weight: 500 !important;
    color: var(--text-primary, #FFFFFF) !important;
    line-height: 1.2 !important;
}

/* Hover فقط دسکتاپ */
@media (hover: hover) and (pointer: fine) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper:hover {
        border-color: var(--primary-hover, #0D63E8) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 9px rgba(4, 83, 211, 0.14) !important;
    }
}

/* ================================
   موبایل: Mini Badge
================================ */
@media (max-width: 767px) {
    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-wrapper {
        padding: 2px 8px 4px 7px !important;
        gap: 3px !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon-box-title {
        font-size: 0.65rem !important; /* حدود 10.4px */
        line-height: 1.15 !important;
    }

    .elementor-348 .elementor-element.elementor-element-accbb6f .elementor-icon {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb62e3 *//* ================================
   تعریف متغیرهای محلی کارت (بر اساس پالت دای وب)
================================ */
.dai-project-card__body {
    /* آپدیت رنگ‌ها به تاریکی مطلق و حاشیه شیشه‌ای */
    --dw-card-bg: #01070F;
    --dw-card-hover-bg: #071120;
    --dw-border: rgba(22, 49, 80, 0.35);
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.15);
    --dw-text-main: #FFFFFF;
    --dw-text-muted: #758292;
    
    /* تزریق نور ملایم در کنج‌ها روی پس‌زمینه تاریک مطلق */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-bg) !important;
        
    border: 1px solid var(--dw-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    
    /* مدیریت فاصله داخلی با Flexbox */
    display: flex !important;
    flex-direction: column;
    
    /* تنظیمات انیمیشن پایه */
    transition: all 400ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* ================================
   استایل تصویر پروژه
================================ */
.dai-project-card__body .elementor-widget-image {
    margin: 0 !important;
}

.dai-project-card__body .elementor-widget-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ایجاد لبه براق بسیار ظریف */
}


/* ================================
   استایل دکمه (Outlined CTA)
================================ */
.dai-project-card__body .elementor-button {
    background: transparent !important;
    border: 1px solid var(--dw-border) !important;
    color: var(--dw-text-main) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 300ms ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آیکون دکمه */
.dai-project-card__body .elementor-button-icon svg {
    fill: currentColor !important;
    width: 14px;
    height: 14px;
    transition: transform 300ms ease;
}

/* ================================
   انیمیشن‌ها و تعاملات (Hover States)
================================ */
/* 1. هاور روی کل کارت */
.dai-project-card__body:hover {
    /* حفظ درخشش گوشه‌ها و تغییر رنگ پایه به حالت هاور */
    background: 
        radial-gradient(circle at 100% 0%, rgba(4, 83, 211, 0.06), transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(4, 83, 211, 0.04), transparent 25%),
        var(--dw-card-hover-bg) !important;
        
    border-color: var(--dw-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px -10px var(--dw-primary-glow) !important;
}

/* 2. هاور روی دکمه در زمان هاور شدن کارت (اختیاری برای UX بهتر) */
.dai-project-card__body .elementor-button:hover {
    background: var(--dw-primary) !important;
    border-color: var(--dw-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--dw-primary-glow) !important;
}

/* 3. حرکت آیکون دکمه به سمت چپ هنگام هاور */
.dai-project-card__body .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(-4px);
}

/* ================================
   Swiper Pagination Fix (Dark Mode)
================================ */

/* ۱. استایل‌دهی نقطه‌های غیرفعال (Bullets) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet {
    background: var(--text-muted, #758292) !important; /* رنگ کدر از پالت دای وب */
    opacity: 0.4 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* افکت Hover روی نقطه‌های غیرفعال */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
    background: var(--primary, #0453D3) !important;
}

/* ۲. استایل‌دهی نقطه فعال (Active Bullet) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination-bullet-active {
    background: var(--primary, #0453D3) !important; /* رنگ اصلی پروژه */
    opacity: 1 !important;
    
    /* بزرگ‌نمایی ملایم و ایجاد حس Liquid Glass Glow */
    transform: scale(1.3) !important;
    box-shadow: 0 0 10px rgba(4, 83, 211, 0.5) !important;
}

/* فاصله دادن کل دکمه‌های ناوبری از کارت‌ها (در صورت نیاز) */
.elementor-348 .elementor-element.elementor-element-1cb62e3 .swiper-pagination {
    bottom: -30px !important; /* خارج کردن بولت‌ها از روی کارت‌ها و قرار دادن در فضای خالی */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-1cc15fc *//* ================================
   تعریف متغیرهای پایه پروژه
================================ */
.dw-tabs {
    --dw-text-muted: #758292;
    --dw-text-main: #FFFFFF;
    --dw-border: #163150;
    --dw-primary: #0453D3;
    --dw-primary-glow: rgba(4, 83, 211, 0.5);
}

/* ================================
   کانتینر اصلی تب‌ها و خط پایه
================================ */
.dw-tabs .e-n-tabs-heading {
    display: flex;
    justify-content: center;
    gap: 16px;
    background: transparent !important;
    border-bottom: 1px solid var(--dw-border) !important;
    padding: 0;
    margin-bottom: 32px;
}

/* ================================
   تب‌ها
================================ */
.dw-tabs .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 24px !important;
    margin: 0 !important;
    position: relative;
    cursor: pointer;
    outline: none !important;
    flex-shrink: 0;
}

.dw-tabs .e-n-tab-title-text {
    color: var(--dw-text-muted);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    white-space: nowrap;
    transition: color 300ms ease;
}

.dw-tabs .e-n-tab-title:hover .e-n-tab-title-text,
.dw-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    color: var(--dw-text-main);
}

/* ================================
   خط نوری تب فعال
================================ */
.dw-tabs .e-n-tab-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px; /* دقیقاً روی خط border-bottom */
    width: 100%;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--dw-primary) 50%,
        transparent 100%
    );
    box-shadow: 0 0 10px var(--dw-primary-glow);
    z-index: 2;

    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;

    transition:
        transform 400ms cubic-bezier(0.33, 1, 0.68, 1),
        opacity 400ms ease;
    will-change: transform, opacity;
}

.dw-tabs .e-n-tab-title:hover:not([aria-selected="true"])::after {
    transform: scaleX(0.6);
    opacity: 0.5;
}

.dw-tabs .e-n-tab-title[aria-selected="true"]::after {
    transform: scaleX(1);
    opacity: 1;
}

/* ================================
   انیمیشن محتوای تب
================================ */
@keyframes dwTabFadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dw-tabs .e-n-tabs-content > .e-n-tab-content {
    animation: dwTabFadeIn 500ms cubic-bezier(0.33, 1, 0.68, 1) forwards;
    will-change: transform, opacity;
}

/* ================================
   موبایل: تب‌های قابل اسکرول
================================ */
@media (max-width: 767px) {
    .dw-tabs .e-n-tabs-heading {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .dw-tabs .e-n-tabs-heading::-webkit-scrollbar {
        display: none;
    }

    .dw-tabs .e-n-tab-title {
        width: auto !important;
        padding: 12px 16px !important;
    }

    .dw-tabs .e-n-tab-title-text {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54027a3 */.cta-sec {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}

.cta-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.02) 40%,
    rgba(2, 8, 23, 0.45) 100%
  );
  backdrop-filter: blur(12px) saturate(170%) contrast(115%);
  -webkit-backdrop-filter: blur(12px) saturate(170%) contrast(115%);
  z-index: 1;
  pointer-events: none;
}

.cta-sec > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-THIN.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-EXTRALIGHT.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-LIGHT.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-REGULAR.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-MEDIUM.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-SEMIBOLD.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-BOLD.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-EXTRABOLD.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://daiweb.net/wp-content/uploads/2026/08/PEYDA-BLACK.woff') format('woff');
}
/* End Custom Fonts CSS */