.elementor-325 .elementor-element.elementor-element-4cccb798{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:14;}.elementor-325 .elementor-element.elementor-element-9bca520{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-325 .elementor-element.elementor-element-3822d0dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3822d0dc.e-con{--align-self: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 );color:var( --e-global-color-primary );}.elementor-325 .elementor-element.elementor-element-47655055{text-align:start;}.elementor-325 .elementor-element.elementor-element-47655055 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-6ca72c11{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-325 .elementor-element.elementor-element-706ee9a3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-item > a{font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:500;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-325 .elementor-element.elementor-element-586deed5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-325 .elementor-element.elementor-element-3fbf5113 .elementor-button{background-color:#0870C1;font-family:"YekanBakh", Sans-serif;font-size:18px;font-weight:600;border-radius:5px 5px 5px 5px;padding:20px 50px 20px 50px;}.elementor-325 .elementor-element.elementor-element-34003990{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-34003990.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-325 .elementor-element.elementor-element-3d093039{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3d093039.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-163b43a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-325 .elementor-element.elementor-element-163b43a6.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-56abb562{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-6c84d01c{text-align:center;}.elementor-325 .elementor-element.elementor-element-6c84d01c .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:13px;font-weight:500;color:#06B6D4;}.elementor-325 .elementor-element.elementor-element-703442a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:40px;--z-index:0;}.elementor-325 .elementor-element.elementor-element-3c25712e{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-325 .elementor-element.elementor-element-3c25712e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-325 .elementor-element.elementor-element-3c25712e .elementor-heading-title{font-family:"morabaa", Sans-serif;font-size:45px;font-weight:900;line-height:100px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-325 .elementor-element.elementor-element-1a052ca2{text-align:justify;font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:400;line-height:35px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-4007bca5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-58c35d38.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-58c35d38 .elementor-button{font-family:"VazirMatn", Sans-serif;font-size:17px;font-weight:700;line-height:30px;border-radius:8px 8px 8px 8px;padding:20px 35px 20px 35px;}.elementor-325 .elementor-element.elementor-element-14d78afa .elementor-button{background-color:#000000;font-family:"YekanBakh", Sans-serif;font-size:17px;font-weight:700;line-height:30px;border-radius:8px 8px 8px 8px;padding:20px 50px 20px 50px;}.elementor-325 .elementor-element.elementor-element-14d78afa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-325 .elementor-element.elementor-element-7b5660b6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-1c5e1cca{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-325 .elementor-element.elementor-element-1c5e1cca.elementor-element{--align-self:flex-end;}.elementor-325 .elementor-element.elementor-element-1a6a7be0{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-5bf576a1{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-74faf189{text-align:center;}.elementor-325 .elementor-element.elementor-element-74faf189 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-344379a9{text-align:center;}.elementor-325 .elementor-element.elementor-element-344379a9 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#CBD5E1;}.elementor-325 .elementor-element.elementor-element-6d1a9770{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-14ce93a6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-325 .elementor-element.elementor-element-c0ce058{text-align:start;}.elementor-325 .elementor-element.elementor-element-c0ce058 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-318c3224{text-align:center;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-342474ee{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-325 .elementor-element.elementor-element-dcc4bfb{text-align:start;}.elementor-325 .elementor-element.elementor-element-dcc4bfb .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-440c9b3d{text-align:center;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-54b26cc0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-325 .elementor-element.elementor-element-4a930033{text-align:start;}.elementor-325 .elementor-element.elementor-element-4a930033 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-2b6e07be{text-align:center;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-74fd8504{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-f9c7421{--display:flex;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-67d231ec{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3c98af47{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3c98af47.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-6639637e{text-align:center;}.elementor-325 .elementor-element.elementor-element-6639637e .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-32f234a0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-32f234a0.e-con{--align-self:center;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-325 .elementor-element.elementor-element-7fa9f0e0{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-e7102{padding:12px 20px 12px 20px;border-radius:20px 20px 20px 20px;text-align:start;}.elementor-325 .elementor-element.elementor-element-e7102 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#0870C1;}.elementor-325 .elementor-element.elementor-element-469972ca{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-137c0b4c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-325 .elementor-element.elementor-element-54ad51ef{--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;--justify-content:space-between;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(35px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(35px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(35px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-35px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-35px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-325 .elementor-element.elementor-element-32c69451{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-item > a{font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-325 .elementor-element.elementor-element-ea3b404 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-325 .elementor-element.elementor-element-ea3b404 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-325 .elementor-element.elementor-element-ea3b404{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-325 .elementor-element.elementor-element-ea3b404 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-325 .elementor-element.elementor-element-ea3b404 .elementor-icon-list-item > a{font-family:"Morabba", Sans-serif;font-weight:400;}.elementor-325 .elementor-element.elementor-element-ea3b404 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-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-325 .elementor-element.elementor-element-572df71c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3efaa485{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-530c2144{text-align:start;}.elementor-325 .elementor-element.elementor-element-530c2144 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-325 .elementor-element.elementor-element-1cca4bd img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-4fd93cc5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-64f9373f{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-67862aee{text-align:start;}.elementor-325 .elementor-element.elementor-element-67862aee .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-12db137a img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-2a18ff41{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-10ee8274{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-6e699cc{text-align:start;}.elementor-325 .elementor-element.elementor-element-6e699cc .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-605e618e img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-37fef2d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-9657cd5{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-9ae8088{text-align:start;}.elementor-325 .elementor-element.elementor-element-9ae8088 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-31795aa img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-a16d8bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-51ebbcc{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-0a5d8c4{text-align:start;}.elementor-325 .elementor-element.elementor-element-0a5d8c4 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-7d6edc8 img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-9918346{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-cd6677a{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-38511e0{text-align:start;}.elementor-325 .elementor-element.elementor-element-38511e0 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-a651a0e img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-408d60ab{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-gap:30px;--n-tabs-title-border-radius:10px 10px 10px 10px;}.elementor-325 .elementor-element.elementor-element-408d60ab > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#0870C117;}.elementor-325 .elementor-element.elementor-element-408d60ab.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0870C117;}.elementor-325 .elementor-element.elementor-element-408d60ab.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-325 .elementor-element.elementor-element-408d60ab.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0870C117;}.elementor-325 .elementor-element.elementor-element-408d60ab.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:"VazirMatn", Sans-serif;font-weight:500;}.elementor-325 .elementor-element.elementor-element-57531af5{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3ce0f310{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-7983d870{--display:flex;--justify-content:center;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-512a08d2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-512a08d2.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-31f3f23c{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-7d717b7f{text-align:start;}.elementor-325 .elementor-element.elementor-element-7d717b7f .elementor-heading-title{font-family:"morabaa", Sans-serif;font-size:43px;font-weight:700;line-height:50px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-71ebb6f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-4a33c762{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-172af178{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-5b58355b.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-7e01e85{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3d5b71c8{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-61144fba{width:initial;max-width:initial;}.elementor-325 .elementor-element.elementor-element-2649e8c2{text-align:start;}.elementor-325 .elementor-element.elementor-element-2649e8c2 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:17px;font-weight:600;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-53a86a06{text-align:start;font-family:"IRANYekanX", Sans-serif;font-size:13px;font-weight:300;line-height:30px;color:#CBD5E1;}.elementor-325 .elementor-element.elementor-element-566267d8{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-72c3362c{text-align:start;}.elementor-325 .elementor-element.elementor-element-72c3362c .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:17px;font-weight:600;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-163a379f{text-align:start;font-family:"IRANYekanX", Sans-serif;font-size:13px;font-weight:300;line-height:30px;color:#CBD5E1;}.elementor-325 .elementor-element.elementor-element-783790f9{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-43ac8bd0{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3f1c1bac{text-align:start;}.elementor-325 .elementor-element.elementor-element-3f1c1bac .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-447c50f1 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#CBD5E1;}.elementor-325 .elementor-element.elementor-element-1ee919ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-12aea58f{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:30px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-4c803b34.elementor-element{--align-self:flex-start;}.elementor-325 .elementor-element.elementor-element-38a3eddf{text-align:start;}.elementor-325 .elementor-element.elementor-element-38a3eddf .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:18px;font-weight:300;line-height:1.5rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-784ec042{text-align:justify;font-family:"VazirMatn", Sans-serif;font-size:13px;font-weight:400;line-height:35px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-7a6ecac2{--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;--justify-content:space-between;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-7a6ecac2.e-con{--align-self:stretch;}.elementor-325 .elementor-element.elementor-element-575c6480{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-29b7e864{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3a68552d{text-align:start;}.elementor-325 .elementor-element.elementor-element-3a68552d .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:18px;font-weight:300;line-height:1.5rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-210c0422{text-align:justify;font-family:"VazirMatn", Sans-serif;font-size:13px;font-weight:400;line-height:14px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-3343d60{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-786d7736{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-36e67180.elementor-element{--align-self:flex-start;}.elementor-325 .elementor-element.elementor-element-23dc1cec{text-align:start;}.elementor-325 .elementor-element.elementor-element-23dc1cec .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:18px;font-weight:300;line-height:1.5rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-2cf5780a{text-align:justify;font-family:"VazirMatn", Sans-serif;font-size:12px;font-weight:400;line-height:21px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-47e4d7ee{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-4353f637.elementor-element{--align-self:flex-start;}.elementor-325 .elementor-element.elementor-element-76efc403{text-align:start;}.elementor-325 .elementor-element.elementor-element-76efc403 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:18px;font-weight:300;line-height:1.5rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-6ee61a9a{text-align:justify;font-family:"VazirMatn", Sans-serif;font-size:12px;font-weight:400;line-height:21px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-54f676c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-6341571a{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-6341571a.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-6a1a3ac2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-15e5d3f{text-align:start;}.elementor-325 .elementor-element.elementor-element-15e5d3f .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:18px;font-weight:300;line-height:1.5rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-35de7ab3{text-align:justify;font-family:"VazirMatn", Sans-serif;font-size:13px;font-weight:400;line-height:14px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-1d393d62{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-2da79207{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-325 .elementor-element.elementor-element-2da79207.elementor-element{--align-self:flex-end;}.elementor-325 .elementor-element.elementor-element-357a39dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 70px;--row-gap:0px;--column-gap:70px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-6ffac522{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-86c095f{padding:0px 0px 0px 0px;text-align:end;}.elementor-325 .elementor-element.elementor-element-86c095f.elementor-element{--align-self:flex-start;}.elementor-325 .elementor-element.elementor-element-86c095f .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:13px;font-weight:500;color:#CBD5E1;}.elementor-325 .elementor-element.elementor-element-13107864{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-325 .elementor-element.elementor-element-13107864.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-325 .elementor-element.elementor-element-13107864 .elementor-heading-title{font-family:"morabaa", Sans-serif;font-size:40px;font-weight:800;line-height:55px;color:#FAFAFA;}.elementor-325 .elementor-element.elementor-element-2d45bdd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;letter-spacing:0px;word-spacing:0px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-2d45bdd9.elementor-element{--align-self:flex-start;}.elementor-325 .elementor-element.elementor-element-2d45bdd9 p{margin-block-end:0px;}.elementor-325 .elementor-element.elementor-element-4086eec4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-197e466f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-197e466f.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-5db8e29a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-61f8a144{text-align:start;}.elementor-325 .elementor-element.elementor-element-61f8a144 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:600;line-height:18px;color:#C7D3E4;}.elementor-325 .elementor-element.elementor-element-13e5215e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-13e5215e.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-219705d5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-95b9738{text-align:start;}.elementor-325 .elementor-element.elementor-element-95b9738 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:600;line-height:18px;color:#C7D3E4;}.elementor-325 .elementor-element.elementor-element-6be2b585{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-6be2b585.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-4b535873{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-25a7a385{text-align:start;}.elementor-325 .elementor-element.elementor-element-25a7a385 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:600;line-height:18px;color:#C7D3E4;}.elementor-325 .elementor-element.elementor-element-3af916a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3af916a9.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-53fcf4f8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-592f3d48{text-align:start;}.elementor-325 .elementor-element.elementor-element-592f3d48 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:600;line-height:18px;color:#C7D3E4;}.elementor-325 .elementor-element.elementor-element-77a7574b{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-115efd82.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-5e96e48e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-743a71d3{--display:flex;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-7b4f9656{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-510b9d0d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-510b9d0d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-242ac10c{text-align:center;}.elementor-325 .elementor-element.elementor-element-242ac10c .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-100b4f16{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-100b4f16.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-72b924dc{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-4310eee7{padding:12px 20px 12px 20px;border-radius:20px 20px 20px 20px;text-align:start;}.elementor-325 .elementor-element.elementor-element-4310eee7 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#0870C1;}.elementor-325 .elementor-element.elementor-element-20293c01{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-1e8be0a3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-325 .elementor-element.elementor-element-ea69d9f{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-7a7115a4{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-74771a63{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-2fe1e8aa{text-align:start;}.elementor-325 .elementor-element.elementor-element-2fe1e8aa .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-2127fbda{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#C4C9D0;}.elementor-325 .elementor-element.elementor-element-1f2914b1{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-2550d733{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-868ca71{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3eba3307{text-align:start;}.elementor-325 .elementor-element.elementor-element-3eba3307 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-2c42c084{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#C4C9D0;}.elementor-325 .elementor-element.elementor-element-71392a86{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-4afed96{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-278f4451{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-15423afe{text-align:start;}.elementor-325 .elementor-element.elementor-element-15423afe .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-32726c08{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#C4C9D0;}.elementor-325 .elementor-element.elementor-element-2ac3179e{--display:flex;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-35d6155c{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-1768b999{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-2b611007{text-align:start;}.elementor-325 .elementor-element.elementor-element-2b611007 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-73342376{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#C4C9D0;}.elementor-325 .elementor-element.elementor-element-5401255b{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-428f8673{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-325 .elementor-element.elementor-element-50dde6e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-7b9f630f{text-align:start;}.elementor-325 .elementor-element.elementor-element-7b9f630f .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:700;color:#FFFBFB;}.elementor-325 .elementor-element.elementor-element-5ea782c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#C4C9D0;}.elementor-325 .elementor-element.elementor-element-786d90bd{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-gap:30px;--n-tabs-title-border-radius:10px 10px 10px 10px;}.elementor-325 .elementor-element.elementor-element-786d90bd > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#0870C117;}.elementor-325 .elementor-element.elementor-element-786d90bd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0870C117;}.elementor-325 .elementor-element.elementor-element-786d90bd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-325 .elementor-element.elementor-element-786d90bd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0870C117;}.elementor-325 .elementor-element.elementor-element-786d90bd.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:"VazirMatn", Sans-serif;font-weight:500;}.elementor-325 .elementor-element.elementor-element-2387a3a7{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-602d81f3{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-27856fa4{text-align:center;}.elementor-325 .elementor-element.elementor-element-27856fa4 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-4cc1076a{text-align:center;}.elementor-325 .elementor-element.elementor-element-4cc1076a .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#CBD5E1;}.elementor-325 .elementor-element.elementor-element-11c3ddfb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-70774464{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-2fbe07c8{text-align:start;}.elementor-325 .elementor-element.elementor-element-2fbe07c8 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-540bda7e{text-align:center;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-68581719{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-c93dd1b{text-align:start;}.elementor-325 .elementor-element.elementor-element-c93dd1b .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-6906b86d{text-align:center;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-2f84dfa4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3589f96{text-align:start;}.elementor-325 .elementor-element.elementor-element-3589f96 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-27e0c6f0{text-align:center;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-48b34002{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3fd2d036{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-5cd92687{text-align:center;}.elementor-325 .elementor-element.elementor-element-5cd92687 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-31f99f7b{text-align:center;}.elementor-325 .elementor-element.elementor-element-31f99f7b .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#CBD5E1;}.elementor-325 .elementor-element.elementor-element-26210488{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-4bbbd97d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-325 .elementor-element.elementor-element-737ec2b9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-357d2098{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-246a7c3b{text-align:start;}.elementor-325 .elementor-element.elementor-element-246a7c3b .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:16px;font-weight:500;line-height:2rem;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-24f27e50{text-align:start;}.elementor-325 .elementor-element.elementor-element-24f27e50 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-594d3060{text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-66a1a2b5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-325 .elementor-element.elementor-element-4bb65ce9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-36c8ab88{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-6aaf5ab7{text-align:start;}.elementor-325 .elementor-element.elementor-element-6aaf5ab7 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:16px;font-weight:500;line-height:2rem;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-19c1777a{text-align:start;}.elementor-325 .elementor-element.elementor-element-19c1777a .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-2e731195{text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-676348c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-325 .elementor-element.elementor-element-6ee42505{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-64c5ceef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-60f205c6{text-align:start;}.elementor-325 .elementor-element.elementor-element-60f205c6 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:16px;font-weight:500;line-height:2rem;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-3df0914e{text-align:start;}.elementor-325 .elementor-element.elementor-element-3df0914e .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:24px;font-weight:700;line-height:2rem;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-732e4c00{text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:30px;color:#94A3B8;}.elementor-325 .elementor-element.elementor-element-4cb6dfdc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-325 .elementor-element.elementor-element-1a5dc253{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"IRANYekanX", Sans-serif;font-size:15px;font-weight:300;line-height:35px;color:#C4C9D0;}.elementor-325 .elementor-element.elementor-element-5a9c9551{--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:70px 0px;--row-gap:70px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-175c74ec{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-22c526ff{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-22c526ff.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-2ae5ce3b{text-align:center;}.elementor-325 .elementor-element.elementor-element-2ae5ce3b .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-2c6e91af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-2c6e91af.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-4fa9e1ff{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-1fbfa099{padding:12px 20px 12px 20px;border-radius:20px 20px 20px 20px;text-align:start;}.elementor-325 .elementor-element.elementor-element-1fbfa099 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#0870C1;}.elementor-325 .elementor-element.elementor-element-2f1828ca{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-abfc516{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-7598097f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3eb21114{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3eb21114.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-325 .elementor-element.elementor-element-38b3d65c{--display:flex;}.elementor-325 .elementor-element.elementor-element-599347b6{text-align:start;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-106d8b35{--display:flex;}.elementor-325 .elementor-element.elementor-element-26840945{text-align:start;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-2d82e905{--display:flex;}.elementor-325 .elementor-element.elementor-element-212bdda7{text-align:start;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-7a84fe5a{--display:flex;}.elementor-325 .elementor-element.elementor-element-1b5b2bdb{text-align:start;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-211c2779{--display:flex;}.elementor-325 .elementor-element.elementor-element-62d6f24f{text-align:start;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-11248d49{--display:flex;}.elementor-325 .elementor-element.elementor-element-1bd57ccb{text-align:start;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-7677b54{--display:flex;}.elementor-325 .elementor-element.elementor-element-612957a8{text-align:start;font-family:"VazirMatn", Sans-serif;font-size:15px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-acad9b8{--n-accordion-title-font-size:16px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-hover-color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-acad9b8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-acad9b8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-acad9b8 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-acad9b8 {--n-accordion-padding:20px 15px 20px 15px;}:where( .elementor-325 .elementor-element.elementor-element-acad9b8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"YekanBakh", Sans-serif;font-weight:600;}:where( .elementor-325 .elementor-element.elementor-element-acad9b8 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-325 .elementor-element.elementor-element-33d79f98{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-64c32b49{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--border-radius:30px 30px 0px 0px;--padding-top:60px;--padding-bottom:40px;--padding-left:60px;--padding-right:60px;}.elementor-325 .elementor-element.elementor-element-57cda433{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-325 .elementor-element.elementor-element-57cda433.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-325 .elementor-element.elementor-element-57cda433 .elementor-heading-title{font-family:"morabaa", Sans-serif;font-size:50px;font-weight:900;line-height:67px;color:#FFFFFF;}.elementor-325 .elementor-element.elementor-element-40b3e1ca.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-40b3e1ca .elementor-button{font-family:"YekanBakh", Sans-serif;font-size:20px;font-weight:700;line-height:30px;border-radius:8px 8px 8px 8px;padding:20px 35px 20px 35px;}.elementor-325 .elementor-element.elementor-element-245d6615{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-245d6615.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-5de96754{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-7618be80{padding:12px 20px 12px 20px;border-radius:20px 20px 20px 20px;text-align:center;}.elementor-325 .elementor-element.elementor-element-7618be80.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-7618be80 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:16px;font-weight:500;color:#0870C1;}.elementor-325 .elementor-element.elementor-element-2080f327{--lottie-container-width:50px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.88;--lottie-container-transition-duration-hover:0.5s;}.elementor-325 .elementor-element.elementor-element-45b69771{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-325 .elementor-element.elementor-element-4cccb798{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-34003990{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-3d093039{--width:100%;}.elementor-325 .elementor-element.elementor-element-163b43a6{--width:45%;}.elementor-325 .elementor-element.elementor-element-1a6a7be0{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-74fd8504{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-3c98af47{--width:84%;}.elementor-325 .elementor-element.elementor-element-57531af5{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-172af178{--width:80%;}.elementor-325 .elementor-element.elementor-element-783790f9{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-7a6ecac2{--width:100%;}.elementor-325 .elementor-element.elementor-element-357a39dd{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-5e96e48e{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-510b9d0d{--width:84%;}.elementor-325 .elementor-element.elementor-element-2387a3a7{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-48b34002{--content-width:1400px;}.elementor-325 .elementor-element.elementor-element-737ec2b9{--width:100%;}.elementor-325 .elementor-element.elementor-element-4bb65ce9{--width:100%;}.elementor-325 .elementor-element.elementor-element-6ee42505{--width:100%;}.elementor-325 .elementor-element.elementor-element-5a9c9551{--content-width:1300px;}.elementor-325 .elementor-element.elementor-element-22c526ff{--width:65%;}.elementor-325 .elementor-element.elementor-element-2c6e91af{--width:33%;}.elementor-325 .elementor-element.elementor-element-abfc516{--content-width:100%;}.elementor-325 .elementor-element.elementor-element-3eb21114{--width:60%;}.elementor-325 .elementor-element.elementor-element-33d79f98{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-325 .elementor-element.elementor-element-3822d0dc{--width:61%;}.elementor-325 .elementor-element.elementor-element-6ca72c11{--width:100%;}.elementor-325 .elementor-element.elementor-element-586deed5{--width:73%;}.elementor-325 .elementor-element.elementor-element-34003990{--content-width:100%;}.elementor-325 .elementor-element.elementor-element-3d093039{--width:100%;}.elementor-325 .elementor-element.elementor-element-5a9c9551{--content-width:100%;}.elementor-325 .elementor-element.elementor-element-22c526ff{--width:79%;}.elementor-325 .elementor-element.elementor-element-2c6e91af{--width:63%;}.elementor-325 .elementor-element.elementor-element-abfc516{--content-width:100%;}.elementor-325 .elementor-element.elementor-element-38b3d65c{--width:100%;}.elementor-325 .elementor-element.elementor-element-106d8b35{--width:100%;}.elementor-325 .elementor-element.elementor-element-2d82e905{--width:100%;}.elementor-325 .elementor-element.elementor-element-7a84fe5a{--width:100%;}.elementor-325 .elementor-element.elementor-element-211c2779{--width:100%;}.elementor-325 .elementor-element.elementor-element-11248d49{--width:100%;}.elementor-325 .elementor-element.elementor-element-7677b54{--width:100%;}}@media(max-width:1024px){.elementor-325 .elementor-element.elementor-element-4cccb798{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-9bca520{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-47655055 .elementor-heading-title{font-size:12px;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-item > a{font-size:13px;}.elementor-325 .elementor-element.elementor-element-3fbf5113 .elementor-button{font-size:10px;}.elementor-325 .elementor-element.elementor-element-34003990{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-163b43a6.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-4007bca5{--justify-content:center;}.elementor-325 .elementor-element.elementor-element-4007bca5.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-58c35d38 .elementor-button{font-size:14px;}.elementor-325 .elementor-element.elementor-element-14d78afa .elementor-button{font-size:14px;}.elementor-325 .elementor-element.elementor-element-7b5660b6.e-con{--order:-99999 /* order start hack */;}.elementor-325 .elementor-element.elementor-element-1a6a7be0{--padding-top:20px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-74faf189 .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-344379a9 .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-6d1a9770{--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-c0ce058 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-318c3224{font-size:14px;}.elementor-325 .elementor-element.elementor-element-dcc4bfb .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-440c9b3d{font-size:14px;}.elementor-325 .elementor-element.elementor-element-4a930033 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-2b6e07be{font-size:14px;}.elementor-325 .elementor-element.elementor-element-74fd8504{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-6639637e .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-57531af5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3ce0f310{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-325 .elementor-element.elementor-element-7d717b7f .elementor-heading-title{font-size:45px;}.elementor-325 .elementor-element.elementor-element-7e01e85{--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-2649e8c2 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-53a86a06{font-size:14px;}.elementor-325 .elementor-element.elementor-element-72c3362c .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-163a379f{font-size:14px;}.elementor-325 .elementor-element.elementor-element-783790f9{--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3f1c1bac .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-447c50f1 .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-1ee919ab{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-325 .elementor-element.elementor-element-12aea58f{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-325 .elementor-element.elementor-element-38a3eddf .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-784ec042{font-size:14px;}.elementor-325 .elementor-element.elementor-element-3a68552d .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-210c0422{font-size:14px;}.elementor-325 .elementor-element.elementor-element-3343d60{--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-23dc1cec .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-2cf5780a{font-size:14px;}.elementor-325 .elementor-element.elementor-element-76efc403 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-6ee61a9a{font-size:14px;}.elementor-325 .elementor-element.elementor-element-15e5d3f .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-35de7ab3{font-size:14px;}.elementor-325 .elementor-element.elementor-element-357a39dd{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-13107864 .elementor-heading-title{font-size:45px;line-height:1.3em;}.elementor-325 .elementor-element.elementor-element-2d45bdd9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-4086eec4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-61f8a144{text-align:center;}.elementor-325 .elementor-element.elementor-element-61f8a144 .elementor-heading-title{line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-95b9738{text-align:center;}.elementor-325 .elementor-element.elementor-element-95b9738 .elementor-heading-title{line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-25a7a385{text-align:center;}.elementor-325 .elementor-element.elementor-element-25a7a385 .elementor-heading-title{line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-592f3d48{text-align:center;}.elementor-325 .elementor-element.elementor-element-592f3d48 .elementor-heading-title{line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-5e96e48e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-242ac10c .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-4310eee7{text-align:center;}.elementor-325 .elementor-element.elementor-element-2387a3a7{--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-27856fa4 .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-4cc1076a .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-11c3ddfb{--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-2fbe07c8 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-540bda7e{font-size:14px;}.elementor-325 .elementor-element.elementor-element-c93dd1b .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-6906b86d{font-size:14px;}.elementor-325 .elementor-element.elementor-element-3589f96 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-27e0c6f0{font-size:14px;}.elementor-325 .elementor-element.elementor-element-48b34002{--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-5cd92687 .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-31f99f7b .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-26210488{--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-246a7c3b .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-24f27e50 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-594d3060{font-size:14px;}.elementor-325 .elementor-element.elementor-element-6aaf5ab7 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-19c1777a .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-2e731195{font-size:14px;}.elementor-325 .elementor-element.elementor-element-60f205c6 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-3df0914e .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-732e4c00{font-size:14px;}.elementor-325 .elementor-element.elementor-element-5a9c9551{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-2ae5ce3b .elementor-heading-title{line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-acad9b8{padding:0px 0px 0px 0px;--n-accordion-title-icon-order:initial;}.elementor-325 .elementor-element.elementor-element-acad9b8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-40b3e1ca .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-325 .elementor-element.elementor-element-4cccb798{--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;--justify-content:space-between;}.elementor-325 .elementor-element.elementor-element-9bca520{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-9bca520.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-3822d0dc{--width:15%;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-3822d0dc.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-47655055.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-47655055 .elementor-heading-title{font-size:20px;}.elementor-325 .elementor-element.elementor-element-6ca72c11{--width:76%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-6ca72c11.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-325 .elementor-element.elementor-element-706ee9a3 .elementor-icon-list-item > a{font-size:12px;}.elementor-325 .elementor-element.elementor-element-586deed5{--justify-content:center;}.elementor-325 .elementor-element.elementor-element-586deed5.e-con{--align-self:stretch;}.elementor-325 .elementor-element.elementor-element-3fbf5113 .elementor-button{font-size:10px;border-radius:4px 4px 4px 4px;padding:15px 30px 15px 30px;}.elementor-325 .elementor-element.elementor-element-34003990{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:1px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3d093039{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-6c84d01c{text-align:center;}.elementor-325 .elementor-element.elementor-element-6c84d01c .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-703442a9{--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3c25712e{text-align:center;}.elementor-325 .elementor-element.elementor-element-3c25712e .elementor-heading-title{font-size:33px;line-height:1.4em;}.elementor-325 .elementor-element.elementor-element-1a052ca2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-4007bca5{--justify-content:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-58c35d38 .elementor-button{font-size:13px;padding:15px 30px 15px 30px;}.elementor-325 .elementor-element.elementor-element-14d78afa .elementor-button{font-size:15px;padding:20px 40px 20px 40px;}.elementor-325 .elementor-element.elementor-element-7b5660b6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-1a6a7be0{--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-5bf576a1{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-74faf189{text-align:center;}.elementor-325 .elementor-element.elementor-element-74faf189 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-344379a9{text-align:center;}.elementor-325 .elementor-element.elementor-element-344379a9 .elementor-heading-title{font-size:8px;}.elementor-325 .elementor-element.elementor-element-6d1a9770{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-c0ce058{text-align:center;}.elementor-325 .elementor-element.elementor-element-c0ce058 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-318c3224{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-dcc4bfb{text-align:center;}.elementor-325 .elementor-element.elementor-element-dcc4bfb .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-440c9b3d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-4a930033{text-align:center;}.elementor-325 .elementor-element.elementor-element-4a930033 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-2b6e07be{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-74fd8504{--padding-top:25px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-f9c7421{--gap:25px 0px;--row-gap:25px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-6639637e{text-align:center;}.elementor-325 .elementor-element.elementor-element-6639637e .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-7fa9f0e0{--lottie-container-width:30px;}.elementor-325 .elementor-element.elementor-element-e7102{padding:10px 15px 10px 15px;text-align:center;}.elementor-325 .elementor-element.elementor-element-e7102 .elementor-heading-title{font-size:10px;}.elementor-325 .elementor-element.elementor-element-469972ca{--lottie-container-width:30px;}.elementor-325 .elementor-element.elementor-element-137c0b4c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-54ad51ef{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-325 .elementor-element.elementor-element-32c69451 .elementor-icon-list-item > a{font-size:10px;}.elementor-325 .elementor-element.elementor-element-530c2144{text-align:center;}.elementor-325 .elementor-element.elementor-element-530c2144 .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-67862aee{text-align:center;}.elementor-325 .elementor-element.elementor-element-67862aee .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-6e699cc{text-align:center;}.elementor-325 .elementor-element.elementor-element-6e699cc .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-9ae8088{text-align:center;}.elementor-325 .elementor-element.elementor-element-9ae8088 .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-0a5d8c4{text-align:center;}.elementor-325 .elementor-element.elementor-element-0a5d8c4 .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-38511e0{text-align:center;}.elementor-325 .elementor-element.elementor-element-38511e0 .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-408d60ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-57531af5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3ce0f310{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-325 .elementor-element.elementor-element-7983d870{--width:100%;--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:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-512a08d2{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-325 .elementor-element.elementor-element-31f3f23c{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-325 .elementor-element.elementor-element-7d717b7f{text-align:center;}.elementor-325 .elementor-element.elementor-element-7d717b7f .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-71ebb6f4{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:13px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-4a33c762{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:13px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-7e01e85{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-2649e8c2{text-align:center;}.elementor-325 .elementor-element.elementor-element-2649e8c2 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-53a86a06{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-72c3362c{text-align:center;}.elementor-325 .elementor-element.elementor-element-72c3362c .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-163a379f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-783790f9{--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-43ac8bd0{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-3f1c1bac{text-align:center;}.elementor-325 .elementor-element.elementor-element-3f1c1bac .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-447c50f1{text-align:center;}.elementor-325 .elementor-element.elementor-element-447c50f1 .elementor-heading-title{font-size:11px;}.elementor-325 .elementor-element.elementor-element-12aea58f{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-325 .elementor-element.elementor-element-38a3eddf{text-align:center;}.elementor-325 .elementor-element.elementor-element-38a3eddf .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-784ec042{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-3a68552d{text-align:center;}.elementor-325 .elementor-element.elementor-element-3a68552d .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-210c0422{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-3343d60{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-23dc1cec{text-align:center;}.elementor-325 .elementor-element.elementor-element-23dc1cec .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-2cf5780a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-76efc403{text-align:center;}.elementor-325 .elementor-element.elementor-element-76efc403 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-6ee61a9a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-15e5d3f{text-align:center;}.elementor-325 .elementor-element.elementor-element-15e5d3f .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-35de7ab3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-357a39dd{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-13107864{text-align:center;}.elementor-325 .elementor-element.elementor-element-13107864 .elementor-heading-title{font-size:26px;}.elementor-325 .elementor-element.elementor-element-2d45bdd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-4086eec4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-61f8a144{text-align:center;}.elementor-325 .elementor-element.elementor-element-61f8a144 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-95b9738{text-align:center;}.elementor-325 .elementor-element.elementor-element-95b9738 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-25a7a385{text-align:center;}.elementor-325 .elementor-element.elementor-element-25a7a385 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-592f3d48{text-align:center;}.elementor-325 .elementor-element.elementor-element-592f3d48 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-325 .elementor-element.elementor-element-77a7574b{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-325 .elementor-element.elementor-element-115efd82{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-325 .elementor-element.elementor-element-5e96e48e{--padding-top:25px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-743a71d3{--gap:25px 0px;--row-gap:25px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-242ac10c{text-align:center;}.elementor-325 .elementor-element.elementor-element-242ac10c .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-72b924dc{--lottie-container-width:30px;}.elementor-325 .elementor-element.elementor-element-4310eee7{padding:10px 15px 10px 15px;text-align:center;}.elementor-325 .elementor-element.elementor-element-4310eee7 .elementor-heading-title{font-size:10px;}.elementor-325 .elementor-element.elementor-element-20293c01{--lottie-container-width:30px;}.elementor-325 .elementor-element.elementor-element-1e8be0a3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-2fe1e8aa{text-align:center;}.elementor-325 .elementor-element.elementor-element-2fe1e8aa .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-2127fbda{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-3eba3307{text-align:center;}.elementor-325 .elementor-element.elementor-element-3eba3307 .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-2c42c084{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-15423afe{text-align:center;}.elementor-325 .elementor-element.elementor-element-15423afe .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-32726c08{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-2b611007{text-align:center;}.elementor-325 .elementor-element.elementor-element-2b611007 .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-73342376{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-7b9f630f{text-align:center;}.elementor-325 .elementor-element.elementor-element-7b9f630f .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-5ea782c{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-786d90bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 15px 15px 15px;}.elementor-325 .elementor-element.elementor-element-2387a3a7{--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-602d81f3{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-27856fa4{text-align:center;}.elementor-325 .elementor-element.elementor-element-27856fa4 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-4cc1076a{text-align:center;}.elementor-325 .elementor-element.elementor-element-4cc1076a .elementor-heading-title{font-size:8px;}.elementor-325 .elementor-element.elementor-element-11c3ddfb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-2fbe07c8{text-align:center;}.elementor-325 .elementor-element.elementor-element-2fbe07c8 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-540bda7e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-c93dd1b{text-align:center;}.elementor-325 .elementor-element.elementor-element-c93dd1b .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-6906b86d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-3589f96{text-align:center;}.elementor-325 .elementor-element.elementor-element-3589f96 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-27e0c6f0{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-48b34002{--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-3fd2d036{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-325 .elementor-element.elementor-element-5cd92687{text-align:center;}.elementor-325 .elementor-element.elementor-element-5cd92687 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-31f99f7b{text-align:center;}.elementor-325 .elementor-element.elementor-element-31f99f7b .elementor-heading-title{font-size:8px;}.elementor-325 .elementor-element.elementor-element-26210488{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-325 .elementor-element.elementor-element-737ec2b9{--justify-content:center;}.elementor-325 .elementor-element.elementor-element-246a7c3b{text-align:center;}.elementor-325 .elementor-element.elementor-element-246a7c3b .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-24f27e50{text-align:center;}.elementor-325 .elementor-element.elementor-element-24f27e50 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-594d3060{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-4bb65ce9{--justify-content:center;}.elementor-325 .elementor-element.elementor-element-6aaf5ab7{text-align:center;}.elementor-325 .elementor-element.elementor-element-6aaf5ab7 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-19c1777a{text-align:center;}.elementor-325 .elementor-element.elementor-element-19c1777a .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-2e731195{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-6ee42505{--justify-content:center;}.elementor-325 .elementor-element.elementor-element-60f205c6{text-align:center;}.elementor-325 .elementor-element.elementor-element-60f205c6 .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-3df0914e{text-align:center;}.elementor-325 .elementor-element.elementor-element-3df0914e .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-732e4c00{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-1a5dc253{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:2.2em;}.elementor-325 .elementor-element.elementor-element-2ae5ce3b{text-align:center;}.elementor-325 .elementor-element.elementor-element-2ae5ce3b .elementor-heading-title{font-size:25px;}.elementor-325 .elementor-element.elementor-element-1fbfa099{padding:10px 15px 10px 15px;text-align:center;}.elementor-325 .elementor-element.elementor-element-1fbfa099 .elementor-heading-title{font-size:10px;}.elementor-325 .elementor-element.elementor-element-7598097f{--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-325 .elementor-element.elementor-element-64c32b49{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-325 .elementor-element.elementor-element-57cda433{text-align:center;}.elementor-325 .elementor-element.elementor-element-57cda433 .elementor-heading-title{font-size:33px;}.elementor-325 .elementor-element.elementor-element-40b3e1ca .elementor-button{font-size:13px;padding:15px 30px 15px 30px;}.elementor-325 .elementor-element.elementor-element-5de96754{--lottie-container-width:30px;}.elementor-325 .elementor-element.elementor-element-7618be80{padding:10px 15px 10px 15px;text-align:center;}.elementor-325 .elementor-element.elementor-element-7618be80 .elementor-heading-title{font-size:8px;}.elementor-325 .elementor-element.elementor-element-2080f327{--lottie-container-width:30px;}}/* Start custom CSS for button, class: .elementor-element-3fbf5113 */.btn-energy .elementor-button {
    position: relative;
    background: #090014 !important; /* همرنگ زمینه سایت */
    color: white !important;
    border: none !important; /* بوردر رو با سودو المنت میسازیم */
    border-radius: 50px !important; /* کپسولی */
    padding: 16px 40px !important;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s;
}

/* حلقه رنگی چرخان */
.btn-energy .elementor-button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    
    background: conic-gradient(
        transparent, 
        #8b5cf6, 
        #06b6d4, 
        transparent
    );
    
    animation: rotateBtn 2s linear infinite;
    z-index: -2;
}

/* لایه داخلی برای ماسک کردن وسط دکمه */
.btn-energy .elementor-button::after {
    content: "";
    position: absolute;
    inset: 2px; /* ضخامت بوردر */
    background: #0f172a; /* کمی روشن‌تر از زمینه */
    border-radius: 48px;
    z-index: -1;
}

@keyframes rotateBtn {
    100% { transform: rotate(360deg); }
}

/* هاور */
.btn-energy .elementor-button:hover {
    color: #06b6d4 !important; /* متن آبی میشه */
    box-shadow: 0 0 30px rgba(6, 182, 212, 0.4); /* سایه نئونی */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bca520 */.glass-panel {
    /* رنگ پس‌زمینه با شفافیت 30 درصد */
    background: rgba(28, 16, 51, 0.3);
    
    /* افکت مات‌کننده (Blur) برای پشت المنت */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* حاشیه نازک و شفاف */
    border: 1px solid rgba(139, 92, 246, 0.1);
    
    /* سایه نرم */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-163b43a6 */.elementor-325 .elementor-element.elementor-element-163b43a6 {
    /* تنظیمات پس‌زمینه و رنگ */
    background-color: rgba(139, 92, 246, 0.1); /* رنگ بنفش با شفافیت 10% */
    border: 1px solid rgba(139, 92, 246, 0.2); /* حاشیه دور با شفافیت 20% */
    
    /* گرد کردن گوشه‌ها (حالت بیضی کامل) */
    border-radius: 50px; 
    
    /* افکت شیشه‌ای (تار کردن پس‌زمینه) */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* برای پشتیبانی سافاری */
    
    /* سایه نرم رنگی */
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.1);
    
    /* انیمیشن نرم برای تغییر حالت */
    transition: all 0.3s ease-in-out;
    cursor: default;
}

/* استایل هنگام قرار گرفتن موس (Hover) */
.elementor-325 .elementor-element.elementor-element-163b43a6:hover {
    background-color: rgba(139, 92, 246, 0.2); /* پس‌زمینه کمی پررنگ‌تر می‌شود */
    border-color: rgba(139, 92, 246, 0.3); /* حاشیه مشخص‌تر می‌شود */
    box-shadow: 0 0 25px rgba(139, 92, 246, 0.25); /* درخشش سایه بیشتر می‌شود */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c25712e *//* تعریف انیمیشن حرکت نور */
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* استایل اختصاصی عنوان */
.notif-gradient-text {
    /* تنظیمات فونت */

    /* ایجاد گرادینت متنی */
    color: transparent !important; /* رنگ متن باید شفاف باشد */
    background-image: linear-gradient(90deg, #06b6d4 0%, #8b5cf6 50%, #06b6d4 100%) !important;
    background-size: 200% auto; /* سایز بزرگتر برای حرکت انیمیشن */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* اعمال انیمیشن */
    animation: shimmer 2.5s linear infinite;
    
    /* شفافیت جزئی */
    opacity: 0.9;
}

/* اطمینان از اعمال شدن روی تگ داخلی المنتور */
.notif-gradient-text .elementor-heading-title {
    color: transparent !important;
    background-image: linear-gradient(90deg, #06b6d4 0%, #8b5cf6 50%, #06b6d4 100%) !important;
    background-size: 200% auto;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    animation: shimmer 2.5s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-703442a9 */.gravity-ultra-card {
    /* پس‌زمینه روشن‌تر نسبت به تم */
    background: rgba(255, 255, 255, 0.03); 
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    
    /* مات‌کنندگی */
    backdrop-filter: blur(12px);
    
    display: flex;
    flex-direction: column;
    gap: 10px;
    
    /* سایه خیلی نرم */
    box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.2);
    
    transition: all 0.3s ease;
}

/* خط رنگی وضعیت سمت راست */
.gravity-ultra-card::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    bottom: 20px;
    width: 4px;
    background: #22c55e; /* رنگ سبز (یعنی پیام موفق) */
    border-radius: 4px 0 0 4px;
    box-shadow: -2px 0 10px rgba(34, 197, 94, 0.5); /* درخشش سبز */
}

.gravity-ultra-card:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.2);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58c35d38 */.btn-atomic .elementor-button {
    /* پس‌زمینه گرادینت زنده */
    background: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 15px 40px !important;
    
    /* سایه نئونی */
    box-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.5);
    
    position: relative;
    overflow: hidden !important; /* برای افکت نور */
    transition: all 0.3s ease;
    z-index: 1;
}

/* افکت نور رد شونده (Shine) */
.btn-atomic .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        transparent, 
        rgba(255, 255, 255, 0.4), 
        transparent
    );
    transform: skewX(-20deg);
    animation: buttonShine 4s infinite;
}

/* هاور: دکمه بزرگ میشه و سایه شدید میشه */
.btn-atomic .elementor-button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 20px 40px -10px rgba(6, 182, 212, 0.6);
    filter: brightness(1.1);
}

@keyframes buttonShine {
    0% { left: -100%; }
    20% { left: 200%; } /* عبور سریع */
    100% { left: 200%; } /* مکث */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14d78afa */.btn-laser .elementor-button {
    position: relative;
    /* زمینه شفاف شیشه‌ای */
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    
    /* بوردر شفاف (رنگش رو با سایه میدیم) */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    
    color: #ffffff !important;
    padding: 16px 32px !important;
    transition: all 0.4s ease;
    overflow: hidden;
    z-index: 1;
}

/* خط نئونی که زیر دکمه حرکت میکنه */
.btn-laser .elementor-button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px; /* ضخامت خط پایین */
    
    background: linear-gradient(90deg, transparent, #8b5cf6, #06b6d4, transparent);
    transform: translateX(-100%); /* شروع از بیرون */
    transition: transform 0.4s ease;
}

/* هاور */
.btn-laser .elementor-button:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(139, 92, 246, 0.5) !important;
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.3); /* درخشش بنفش */
    transform: translateY(-2px);
}

/* در هاور، خط نئونی زیر دکمه رد میشه */
.btn-laser .elementor-button:hover::after {
    transform: translateX(100%);
    transition: transform 0.6s linear;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-344379a9 */.highlight-text {
    display: inline-block;
    position: relative;
    color: #0870C1; /* رنگ متن تیره (یا هر رنگی که تیتر داره) */
    z-index: 1;
    padding: 0 5px;
}

/* باکس رنگی پشت متن */
.highlight-text::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 35%; /* فقط پایین متن رو رنگ می‌کنه (مثل ماژیک) */
    background-color: rgba(220, 233, 255, 1); /* زرد/نارنجی شفاف */
    z-index: -1;
    border-radius: 4px;
    transition: all 0.3s ease;
    
    /* انیمیشن تغییر ارتفاع */
    animation: markerFlow 3s infinite alternate;
}

@keyframes markerFlow {
    0% { height: 35%; opacity: 0.5; }
    100% { height: 50%; opacity: 0.8; } /* کمی بالا میاد */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-659b5260 *//* ==============================================
   آیکون‌های متحرک مراحل - IMEI Registry Pro
============================================== */

/* استایل پایه باکس آیکون‌ها */
.imei-step-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background-color: #050816;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
    transition: all 0.5s ease;
    cursor: default;
    direction: ltr; /* برای چپ‌چین ماندن المان‌های داخلی */
}

/* هاور اختصاصی هر رنگ */
.imei-step-icon.imei-teal:hover { border-color: #14b8a6; box-shadow: 0 0 15px rgba(20,184,166,0.2), inset 0 0 20px rgba(0,0,0,0.8); }
.imei-step-icon.imei-indigo:hover { border-color: #6366f1; box-shadow: 0 0 15px rgba(99,102,241,0.2), inset 0 0 20px rgba(0,0,0,0.8); }
.imei-step-icon.imei-green:hover { border-color: #10b981; box-shadow: 0 0 15px rgba(16,185,129,0.2), inset 0 0 20px rgba(0,0,0,0.8); }

/* ==============================================
   ۱. انیمیشن‌های آیکون اسکنر (Teal)
============================================== */
@keyframes imei-laser-scan {
    0%, 100% { transform: translateY(-25px); }
    50% { transform: translateY(25px); }
}

.imei-laser-line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #14b8a6;
    box-shadow: 0 0 15px 3px rgba(20, 184, 166, 0.6);
    animation: imei-laser-scan 2.5s infinite ease-in-out;
    z-index: 10;
}

.imei-barcode-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    z-index: 5;
    opacity: 0.5;
}

.imei-barcode-line { background: #475569; border-radius: 2px; height: 3px; }

/* ==============================================
   ۲. انیمیشن‌های آیکون پیامک OTP (Indigo)
============================================== */
@keyframes imei-dot-blink {
    0%, 100% { transform: scale(0.5); opacity: 0.2; }
    50% { transform: scale(1); opacity: 1; box-shadow: 0 0 8px #6366f1; }
}

.imei-otp-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background-color: #6366f1;
    animation: imei-dot-blink 1.5s infinite ease-in-out;
}

.imei-otp-dot:nth-child(1) { animation-delay: 0s; }
.imei-otp-dot:nth-child(2) { animation-delay: 0.2s; }
.imei-otp-dot:nth-child(3) { animation-delay: 0.4s; }
.imei-otp-dot:nth-child(4) { animation-delay: 0.6s; }

@keyframes imei-signal-ripple {
    0% { transform: scale(0.8); opacity: 0.8; border-width: 2px; }
    100% { transform: scale(1.8); opacity: 0; border-width: 0px; }
}

.imei-otp-ripple {
    position: absolute;
    width: 48px; height: 34px;
    border-radius: 10px;
    border: 2px solid #6366f1;
    animation: imei-signal-ripple 2s infinite ease-out;
    z-index: 1;
}

.imei-otp-bubble {
    position: relative;
    width: 48px; height: 34px;
    border: 2px solid #475569;
    border-radius: 10px;
    background-color: #0f172a;
    display: flex; align-items: center; justify-content: center; gap: 4px;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

/* ==============================================
   ۳. انیمیشن‌های آیکون تاییدیه (Green)
============================================== */
@keyframes imei-spin-dash {
    100% { transform: rotate(360deg); }
}

.imei-dashed-ring {
    position: absolute;
    width: 58px; height: 58px;
    border-radius: 50%;
    border: 2px dashed rgba(16, 185, 129, 0.4);
    animation: imei-spin-dash 6s infinite linear;
}

@keyframes imei-check-pop {
    0% { transform: scale(0.3); opacity: 0; }
    15% { transform: scale(1.2); opacity: 1; }
    25%, 80% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.3); opacity: 0; }
}

.imei-check-shield {
    width: 38px; height: 38px;
    border-radius: 50%;
    background-color: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    display: flex; align-items: center; justify-content: center;
    z-index: 10;
    backdrop-filter: blur(4px);
    animation: imei-check-pop 3.5s infinite ease-out;
}

@keyframes imei-success-glow {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(2.2); opacity: 0; }
}

.imei-success-pulse {
    position: absolute;
    width: 38px; height: 38px;
    border-radius: 50%;
    background-color: rgba(16, 185, 129, 0.3);
    animation: imei-success-glow 3.5s infinite ease-out 0.2s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14ce93a6 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-14ce93a6 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-14ce93a6::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-14ce93a6:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-14ce93a6:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39748107 *//* ==============================================
   آیکون‌های متحرک مراحل - IMEI Registry Pro
============================================== */

/* استایل پایه باکس آیکون‌ها */
.imei-step-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background-color: #050816;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
    transition: all 0.5s ease;
    cursor: default;
    direction: ltr; /* برای چپ‌چین ماندن المان‌های داخلی */
}

/* هاور اختصاصی هر رنگ */
.imei-step-icon.imei-teal:hover { border-color: #14b8a6; box-shadow: 0 0 15px rgba(20,184,166,0.2), inset 0 0 20px rgba(0,0,0,0.8); }
.imei-step-icon.imei-indigo:hover { border-color: #6366f1; box-shadow: 0 0 15px rgba(99,102,241,0.2), inset 0 0 20px rgba(0,0,0,0.8); }
.imei-step-icon.imei-green:hover { border-color: #10b981; box-shadow: 0 0 15px rgba(16,185,129,0.2), inset 0 0 20px rgba(0,0,0,0.8); }

/* ==============================================
   ۱. انیمیشن‌های آیکون اسکنر (Teal)
============================================== */
@keyframes imei-laser-scan {
    0%, 100% { transform: translateY(-25px); }
    50% { transform: translateY(25px); }
}

.imei-laser-line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #14b8a6;
    box-shadow: 0 0 15px 3px rgba(20, 184, 166, 0.6);
    animation: imei-laser-scan 2.5s infinite ease-in-out;
    z-index: 10;
}

.imei-barcode-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    z-index: 5;
    opacity: 0.5;
}

.imei-barcode-line { background: #475569; border-radius: 2px; height: 3px; }

/* ==============================================
   ۲. انیمیشن‌های آیکون پیامک OTP (Indigo)
============================================== */
@keyframes imei-dot-blink {
    0%, 100% { transform: scale(0.5); opacity: 0.2; }
    50% { transform: scale(1); opacity: 1; box-shadow: 0 0 8px #6366f1; }
}

.imei-otp-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background-color: #6366f1;
    animation: imei-dot-blink 1.5s infinite ease-in-out;
}

.imei-otp-dot:nth-child(1) { animation-delay: 0s; }
.imei-otp-dot:nth-child(2) { animation-delay: 0.2s; }
.imei-otp-dot:nth-child(3) { animation-delay: 0.4s; }
.imei-otp-dot:nth-child(4) { animation-delay: 0.6s; }

@keyframes imei-signal-ripple {
    0% { transform: scale(0.8); opacity: 0.8; border-width: 2px; }
    100% { transform: scale(1.8); opacity: 0; border-width: 0px; }
}

.imei-otp-ripple {
    position: absolute;
    width: 48px; height: 34px;
    border-radius: 10px;
    border: 2px solid #6366f1;
    animation: imei-signal-ripple 2s infinite ease-out;
    z-index: 1;
}

.imei-otp-bubble {
    position: relative;
    width: 48px; height: 34px;
    border: 2px solid #475569;
    border-radius: 10px;
    background-color: #0f172a;
    display: flex; align-items: center; justify-content: center; gap: 4px;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

/* ==============================================
   ۳. انیمیشن‌های آیکون تاییدیه (Green)
============================================== */
@keyframes imei-spin-dash {
    100% { transform: rotate(360deg); }
}

.imei-dashed-ring {
    position: absolute;
    width: 58px; height: 58px;
    border-radius: 50%;
    border: 2px dashed rgba(16, 185, 129, 0.4);
    animation: imei-spin-dash 6s infinite linear;
}

@keyframes imei-check-pop {
    0% { transform: scale(0.3); opacity: 0; }
    15% { transform: scale(1.2); opacity: 1; }
    25%, 80% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.3); opacity: 0; }
}

.imei-check-shield {
    width: 38px; height: 38px;
    border-radius: 50%;
    background-color: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    display: flex; align-items: center; justify-content: center;
    z-index: 10;
    backdrop-filter: blur(4px);
    animation: imei-check-pop 3.5s infinite ease-out;
}

@keyframes imei-success-glow {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(2.2); opacity: 0; }
}

.imei-success-pulse {
    position: absolute;
    width: 38px; height: 38px;
    border-radius: 50%;
    background-color: rgba(16, 185, 129, 0.3);
    animation: imei-success-glow 3.5s infinite ease-out 0.2s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-342474ee *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-342474ee {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-342474ee::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-342474ee:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-342474ee:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51a93a59 *//* ==============================================
   آیکون‌های متحرک مراحل - IMEI Registry Pro
============================================== */

/* استایل پایه باکس آیکون‌ها */
.imei-step-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background-color: #050816;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
    transition: all 0.5s ease;
    cursor: default;
    direction: ltr; /* برای چپ‌چین ماندن المان‌های داخلی */
}

/* هاور اختصاصی هر رنگ */
.imei-step-icon.imei-teal:hover { border-color: #14b8a6; box-shadow: 0 0 15px rgba(20,184,166,0.2), inset 0 0 20px rgba(0,0,0,0.8); }
.imei-step-icon.imei-indigo:hover { border-color: #6366f1; box-shadow: 0 0 15px rgba(99,102,241,0.2), inset 0 0 20px rgba(0,0,0,0.8); }
.imei-step-icon.imei-green:hover { border-color: #10b981; box-shadow: 0 0 15px rgba(16,185,129,0.2), inset 0 0 20px rgba(0,0,0,0.8); }

/* ==============================================
   ۱. انیمیشن‌های آیکون اسکنر (Teal)
============================================== */
@keyframes imei-laser-scan {
    0%, 100% { transform: translateY(-25px); }
    50% { transform: translateY(25px); }
}

.imei-laser-line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #14b8a6;
    box-shadow: 0 0 15px 3px rgba(20, 184, 166, 0.6);
    animation: imei-laser-scan 2.5s infinite ease-in-out;
    z-index: 10;
}

.imei-barcode-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    z-index: 5;
    opacity: 0.5;
}

.imei-barcode-line { background: #475569; border-radius: 2px; height: 3px; }

/* ==============================================
   ۲. انیمیشن‌های آیکون پیامک OTP (Indigo)
============================================== */
@keyframes imei-dot-blink {
    0%, 100% { transform: scale(0.5); opacity: 0.2; }
    50% { transform: scale(1); opacity: 1; box-shadow: 0 0 8px #6366f1; }
}

.imei-otp-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background-color: #6366f1;
    animation: imei-dot-blink 1.5s infinite ease-in-out;
}

.imei-otp-dot:nth-child(1) { animation-delay: 0s; }
.imei-otp-dot:nth-child(2) { animation-delay: 0.2s; }
.imei-otp-dot:nth-child(3) { animation-delay: 0.4s; }
.imei-otp-dot:nth-child(4) { animation-delay: 0.6s; }

@keyframes imei-signal-ripple {
    0% { transform: scale(0.8); opacity: 0.8; border-width: 2px; }
    100% { transform: scale(1.8); opacity: 0; border-width: 0px; }
}

.imei-otp-ripple {
    position: absolute;
    width: 48px; height: 34px;
    border-radius: 10px;
    border: 2px solid #6366f1;
    animation: imei-signal-ripple 2s infinite ease-out;
    z-index: 1;
}

.imei-otp-bubble {
    position: relative;
    width: 48px; height: 34px;
    border: 2px solid #475569;
    border-radius: 10px;
    background-color: #0f172a;
    display: flex; align-items: center; justify-content: center; gap: 4px;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

/* ==============================================
   ۳. انیمیشن‌های آیکون تاییدیه (Green)
============================================== */
@keyframes imei-spin-dash {
    100% { transform: rotate(360deg); }
}

.imei-dashed-ring {
    position: absolute;
    width: 58px; height: 58px;
    border-radius: 50%;
    border: 2px dashed rgba(16, 185, 129, 0.4);
    animation: imei-spin-dash 6s infinite linear;
}

@keyframes imei-check-pop {
    0% { transform: scale(0.3); opacity: 0; }
    15% { transform: scale(1.2); opacity: 1; }
    25%, 80% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.3); opacity: 0; }
}

.imei-check-shield {
    width: 38px; height: 38px;
    border-radius: 50%;
    background-color: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    display: flex; align-items: center; justify-content: center;
    z-index: 10;
    backdrop-filter: blur(4px);
    animation: imei-check-pop 3.5s infinite ease-out;
}

@keyframes imei-success-glow {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(2.2); opacity: 0; }
}

.imei-success-pulse {
    position: absolute;
    width: 38px; height: 38px;
    border-radius: 50%;
    background-color: rgba(16, 185, 129, 0.3);
    animation: imei-success-glow 3.5s infinite ease-out 0.2s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54b26cc0 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-54b26cc0 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-54b26cc0::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-54b26cc0:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-54b26cc0:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6639637e *//* استفاده: <span class="text-magic-underline">متن</span> */
.text-magic-underline {
    position: relative;
    color: #fff; /* رنگ خود متن سفید باشه */
    z-index: 1;
    white-space: nowrap; /* کلمه نشکنه */
}

/* خط رنگی زیر متن */
.text-magic-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px; /* فاصله از پایین */
    width: 100%;
    height: 30%; /* ارتفاع هایلایت (مثل ماژیک) */
    
    /* گرادینت بنفش و آبی */
    background: linear-gradient(90deg, #8b5cf6, #06b6d4);
    opacity: 0.6; /* شفافیت */
    z-index: -1; /* بره زیر متن */
    
    border-radius: 4px;
    transform: skewX(-15deg); /* کمی کج */
    transition: all 0.3s ease;
}

/* هاور: هایلایت پررنگ و بزرگ میشه */
.text-magic-underline:hover::after {
    height: 90%; /* کل متن رو میگیره */
    opacity: 0.8;
    bottom: 0;
    transform: skewX(0deg);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e7102 */.elementor-325 .elementor-element.elementor-element-e7102 {
    /* تنظیمات پس‌زمینه و رنگ */
    background-color: rgba(139, 92, 246, 0.1); /* رنگ بنفش با شفافیت 10% */
    border: 1px solid rgba(139, 92, 246, 0.2); /* حاشیه دور با شفافیت 20% */
    
    /* گرد کردن گوشه‌ها (حالت بیضی کامل) */
    border-radius: 50px; 
    
    /* افکت شیشه‌ای (تار کردن پس‌زمینه) */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* برای پشتیبانی سافاری */
    
    /* سایه نرم رنگی */
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.1);
    
    /* انیمیشن نرم برای تغییر حالت */
    transition: all 0.3s ease-in-out;
    cursor: default;
}

/* استایل هنگام قرار گرفتن موس (Hover) */
.elementor-325 .elementor-element.elementor-element-e7102:hover {
    background-color: rgba(139, 92, 246, 0.2); /* پس‌زمینه کمی پررنگ‌تر می‌شود */
    border-color: rgba(139, 92, 246, 0.3); /* حاشیه مشخص‌تر می‌شود */
    box-shadow: 0 0 25px rgba(139, 92, 246, 0.25); /* درخشش سایه بیشتر می‌شود */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54ad51ef */.wp-glass-sidebar {
    /* پس‌زمینه: تیره و شیشه‌ای (سرمه‌ای خیلی تیره) */
    background: rgba(15, 23, 42, 0.85); 
    
    /* مات‌کنندگی پشت */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* حاشیه ظریف */
    border-right: 1px solid rgba(255, 255, 255, 0.1); /* خط جداکننده سمت چپ */
    border-radius: 20px; /* گوشه‌های گرد مدرن */
    
    /* سایه */
    box-shadow: 10px 0 30px -10px rgba(0, 0, 0, 0.5);
    
    transition: 0.3s;
}

/* استایل آیتم‌های منو (اگر ویجت لیست آیکون داخلش باشه) */
.wp-glass-sidebar .elementor-icon-list-item {
    transition: 0.3s;
    color: #94a3b8; /* رنگ متن غیرفعال */
}

/* هاور روی آیتم‌های منو */
.wp-glass-sidebar .elementor-icon-list-item:hover {
    background: rgba(139, 92, 246, 0.15); /* پس‌زمینه بنفش کمرنگ */
    color: #ffffff; /* متن سفید */
    transform: translateX(-5px); /* حرکت ریز به سمت چپ */
}

/* آیکون‌ها */
.wp-glass-sidebar .elementor-icon-list-icon i {
    color: #8b5cf6; /* آیکون بنفش */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cca4bd */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efaa485 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12db137a */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f9373f */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-605e618e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10ee8274 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-31795aa */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9657cd5 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d6edc8 */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ebbcc */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a651a0e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd6677a */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cca4bd */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efaa485 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12db137a */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f9373f */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-605e618e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10ee8274 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-31795aa */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9657cd5 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d6edc8 */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ebbcc */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a651a0e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd6677a */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cca4bd */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efaa485 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12db137a */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f9373f */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-605e618e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10ee8274 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-31795aa */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9657cd5 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d6edc8 */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ebbcc */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a651a0e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd6677a */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cca4bd */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efaa485 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12db137a */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f9373f */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-605e618e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10ee8274 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-31795aa */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9657cd5 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d6edc8 */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ebbcc */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a651a0e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd6677a */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cca4bd */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efaa485 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12db137a */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f9373f */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-605e618e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10ee8274 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-31795aa */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9657cd5 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d6edc8 */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ebbcc */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a651a0e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd6677a */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cca4bd */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efaa485 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12db137a */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f9373f */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-605e618e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10ee8274 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-31795aa */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9657cd5 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d6edc8 */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ebbcc */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a651a0e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd6677a */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cca4bd */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efaa485 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12db137a */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f9373f */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-605e618e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10ee8274 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-31795aa */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9657cd5 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d6edc8 */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ebbcc */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a651a0e */.gravity-scroll-box {
    /* 1. محدود کردن ارتفاع (خیلی مهم: این عدد را کم و زیاد کن تا اندازه‌ دلخواهت شود) */
    max-height: 300px;
    
    /* 2. فعال کردن اسکرول عمودی */
    overflow-y: auto;
    overflow-x: hidden; /* اسکرول افقی نداشته باشد */
    
    /* 3. ایجاد افکت محو شدن در پایین (Fade Out) */
    /* این کد باعث می‌شود ۲۰ درصد انتهایی باکس به آرامی محو شود */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    /* فاصله داخلی برای اینکه محتوا به لبه‌ها نچسبد */
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 20px; /* فضای خالی پایین برای راحتی اسکرول */
}

/* --- استایل اسکرول‌بار مینیمال و شیک --- */

/* عرض نوار اسکرول */
.gravity-scroll-box::-webkit-scrollbar {
    width: 6px; /* خیلی نازک */
}

/* مسیر یا ریل اسکرول (رنگ پس‌زمینه نوار) */
.gravity-scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1; /* طوسی خیلی روشن */
    border-radius: 10px;
}

/* دستگیره اسکرول (آن بخش که حرکت می‌کند) */
.gravity-scroll-box::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* طوسی ملایم */
    border-radius: 10px;
    transition: background 0.3s;
}

/* وقتی موس روی دستگیره می‌رود */
.gravity-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #0870C1; /* آبی برند شما */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd6677a */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-408d60ab *//* 1. تنظیمات کلی کانتینر تب‌ها (حذف پدینگ‌های اضافه) */
.gravity-neon-tabs {
    --tab-radius: 16px;
    --brand-purple: #8b5cf6;
    --brand-cyan: #06b6d4;
}

/* 2. استایل پایه دکمه‌های تب (غیر فعال) */
.gravity-neon-tabs .e-n-tab-title {
    position: relative;
    
    /* پس‌زمینه شیشه‌ای تیره */
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: var(--tab-radius);
    
    /* تایپوگرافی */
    color: #94a3b8; /* رنگ متن غیرفعال */
    font-weight: 500;
    
    margin-bottom: 8px; /* فاصله بین تب‌ها */
    padding: 15px 20px; /* فضای داخلی */
    
    transition: all 0.3s ease;
    overflow: hidden; /* برای اینکه نورها بیرون نزنند */
    z-index: 1;
}

/* 3. خط حاشیه سمت راست (وسط چین و انیمیشنی) */
.gravity-neon-tabs .e-n-tab-title::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); /* دقیقاً وسط عمودی */
    
    width: 4px; /* ضخامت خط */
    height: 40%; /* ارتفاع خط (کوتاه در حالت عادی) */
    border-radius: 4px 0 0 4px;
    
    /* گرادینت متحرک */
    background: linear-gradient(180deg, var(--brand-cyan), var(--brand-purple), var(--brand-cyan));
    background-size: 100% 200%; /* سایز بزرگ برای حرکت */
    
    opacity: 0.5; /* کمرنگ در حالت عادی */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* انیمیشن حرکت رنگ */
    animation: sidebarGlow 3s linear infinite;
}

/* انیمیشن حرکت رنگ خط */
@keyframes sidebarGlow {
    0% { background-position: 0% 0%; }
    100% { background-position: 0% 200%; }
}

/* 4. استایل هاور (حرکت موس) */
.gravity-neon-tabs .e-n-tab-title:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    padding-right: 25px; /* حرکت متن به سمت چپ */
    border-color: rgba(255, 255, 255, 0.1);
}

/* در حالت هاور، خط سمت راست کمی بزرگتر شود */
.gravity-neon-tabs .e-n-tab-title:hover::after {
    height: 60%;
    opacity: 0.8;
}

/* 5. افکت براق (Shine) موقع هاور - (از کد خودت با اصلاح رنگ) */
.gravity-neon-tabs .e-n-tab-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    
    /* نور سفید محو */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent
    );
    
    transform: skewX(-20deg);
    transition: none;
    z-index: -1;
}

.gravity-neon-tabs .e-n-tab-title:hover::before {
    left: 150%;
    transition: 0.6s ease;
}

/* 6. استایل تب فعال (Active) */
.gravity-neon-tabs .e-n-tab-title[aria-selected="true"] {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.15), rgba(139, 92, 246, 0.05)); /* گرادینت بنفش محو */
    border-color: rgba(139, 92, 246, 0.3);
    color: #ffffff !important;
    font-weight: bold;
    box-shadow: 0 5px 20px -5px rgba(139, 92, 246, 0.3); /* سایه بنفش */
}

/* خط سمت راست در حالت فعال: بلند و پرنور */
.gravity-neon-tabs .e-n-tab-title[aria-selected="true"]::after {
    height: 80%; /* تقریباً تمام ارتفاع را میگیرد */
    width: 5px; /* کمی ضخیم‌تر */
    opacity: 1; /* کاملاً پررنگ */
    box-shadow: -2px 0 15px rgba(139, 92, 246, 0.6); /* درخشش نئونی */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-137c0b4c *//* --- بدنه اصلی (جنس شیشه‌ای Pulse) --- */
.tab-perfect-glass {
    position: relative;
    z-index: 1;
    
    /* دقیقاً همان بک‌گراند شیشه‌ای و تمیز که خواستی */
    background: rgba(255, 255, 255, 0.03); 
    
    /* مات‌کنندگی */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* حاشیه و گوشه‌ها */
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.05); /* یک خط خیلی محو پایه */
    
    /* سایه نرم */
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.4);
    
    /* ترنزیشن */
    transition: all 0.4s ease;
    overflow: hidden;
}

/* --- لایه ۱: بوردر متحرک (موتور انیمیشن Magic) --- */
/* اینجا از تکنیک ماسک استفاده کردیم تا نور دقیقاً جای بوردر بشینه */
.tab-perfect-glass::before {
    content: "";
    position: absolute;
    inset: 0; /* تمام سطح را میگیرد */
    padding: 1.5px; /* ضخامت خط نوری */
    border-radius: 24px;
    
    /* گرادینت متحرک (بنفش، فیروزه‌ای، سفید) */
    background: linear-gradient(
        90deg, 
        transparent, 
        #8b5cf6, /* بنفش */
        #06b6d4, /* فیروزه‌ای */
        #ffffff, /* سفید (نقطه اوج) */
        #06b6d4,
        #8b5cf6,
        transparent
    );
    
    background-size: 200% auto; /* سایز بزرگ برای حرکت */
    
    /* جادوی ماسک: فقط لبه‌ها (padding) را نشان بده، وسط را خالی کن */
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    
    /* انیمیشن حرکت */
    animation: borderFlow 4s linear infinite;
    pointer-events: none;
    opacity: 0.8; /* شدت نور */
}

/* --- لایه ۲: نور محیطی داخل شیشه (برای زنده بودن) --- */
.tab-perfect-glass::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    
    /* یک شاین خیلی محو روی سطح شیشه */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.02),
        rgba(139, 92, 246, 0.05), 
        rgba(255, 255, 255, 0.02),
        transparent
    );
    
    transform: skewX(-20deg);
    pointer-events: none;
    animation: glassShine 6s infinite ease-in-out;
}

/* --- انیمیشن‌ها --- */
@keyframes borderFlow {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

@keyframes glassShine {
    0% { left: -150%; opacity: 0; }
    40% { opacity: 1; }
    100% { left: 150%; opacity: 0; }
}

/* --- هاور افکت (نرم و بدون باگ) --- */
.tab-perfect-glass:hover {
    background: rgba(255, 255, 255, 0.06); /* کمی روشن‌تر */
    box-shadow: 
        0 20px 60px -15px rgba(139, 92, 246, 0.3), /* سایه بنفش */
        0 0 0 1px rgba(139, 92, 246, 0.2); /* خط ظریف بنفش */
    transform: translateY(-5px);
}

/* سرعت نور در هاور */
.tab-perfect-glass:hover::before {
    animation-duration: 2s;
    opacity: 1; /* نور کامل */
    filter: brightness(1.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61144fba *//* ==============================================
   آیکون‌های مینیمال ویژگی‌ها - IMEI Registry Pro
============================================== */

/* استایل پایه باکس آیکون (سایز جمع‌وجور و دارک) */
.imei-feature-box {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.02); /* شیشه‌ای بسیار تاریک */
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease;
}

/* هاور: روشن‌تر شدن حاشیه و سایه */
.imei-feature-box:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-3px);
}
.imei-box-teal:hover { border-color: rgba(20, 184, 166, 0.3); box-shadow: 0 5px 15px rgba(20, 184, 166, 0.1); }
.imei-box-indigo:hover { border-color: rgba(99, 102, 241, 0.3); box-shadow: 0 5px 15px rgba(99, 102, 241, 0.1); }

/* هاله نوری ملایم داخل باکس‌ها */
.imei-feature-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, var(--imei-glow-color) 0%, transparent 60%);
    opacity: 0.1;
    z-index: 0;
}

.imei-box-teal { --imei-glow-color: #14b8a6; }
.imei-box-indigo { --imei-glow-color: #6366f1; }

/* تنظیمات خودِ فایل SVG */
.imei-feature-box svg {
    width: 26px;
    height: 26px;
    position: relative;
    z-index: 1;
}

/* ----------------------------------------------
   انیمیشن ۱: چرخش ملایم (برای اتوماسیون)
---------------------------------------------- */
@keyframes imei-spin-slow {
    100% { transform: rotate(360deg); }
}
.imei-anim-spin {
    transform-origin: center;
    animation: imei-spin-slow 8s linear infinite; /* 8 ثانیه برای چرخش بسیار نرم */
}

/* ----------------------------------------------
   انیمیشن ۲: پالس شبکه‌ای (برای مقیاس‌پذیری)
---------------------------------------------- */
@keyframes imei-pulse-nodes {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.15); opacity: 1; }
}
.imei-anim-pulse circle {
    transform-origin: center;
    animation: imei-pulse-nodes 3s ease-in-out infinite;
}
/* تاخیر در انیمیشن گره‌ها برای طبیعی‌تر شدن */
.imei-anim-pulse circle:nth-child(1) { animation-delay: 0s; }
.imei-anim-pulse circle:nth-child(2) { animation-delay: 0.5s; }
.imei-anim-pulse circle:nth-child(3) { animation-delay: 1s; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d5b71c8 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-3d5b71c8 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-3d5b71c8::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-3d5b71c8:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-3d5b71c8:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52de1472 *//* ----------------------------------------------
   انیمیشن ۲: پالس نوری شبکه (مقیاس‌پذیری - کاملا بدون باگ)
---------------------------------------------- */
@keyframes imei-node-glow {
    0%, 100% { 
        opacity: 0.3; 
        filter: drop-shadow(0 0 0px transparent); 
    }
    50% { 
        opacity: 1; 
        filter: drop-shadow(0 0 6px #6366f1); /* هاله نوری بنفش در نقطه اوج */
    }
}

/* اعمال انیمیشن نوری با تاخیرهای منظم برای جریان یافتن داده */
.imei-node-main { animation: imei-node-glow 2.5s infinite ease-in-out; }
.imei-node-sub1 { animation: imei-node-glow 2.5s infinite ease-in-out 0.8s; }
.imei-node-sub2 { animation: imei-node-glow 2.5s infinite ease-in-out 1.6s; }

/* خطوط اتصال ثابت با شفافیت ملایم */
.imei-net-line { 
    stroke-opacity: 0.4; 
    transition: stroke-opacity 0.3s;
}

/* در هنگام هاور شدن کل باکس، خطوط هم روشن‌تر می‌شوند */
.imei-feature-box:hover .imei-net-line {
    stroke-opacity: 0.8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-566267d8 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-566267d8 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-566267d8::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-566267d8:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-566267d8:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-447c50f1 */.highlight-text {
    display: inline-block;
    position: relative;
    color: #0870C1; /* رنگ متن تیره (یا هر رنگی که تیتر داره) */
    z-index: 1;
    padding: 0 5px;
}

/* باکس رنگی پشت متن */
.highlight-text::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 35%; /* فقط پایین متن رو رنگ می‌کنه (مثل ماژیک) */
    background-color: rgba(220, 233, 255, 1); /* زرد/نارنجی شفاف */
    z-index: -1;
    border-radius: 4px;
    transition: all 0.3s ease;
    
    /* انیمیشن تغییر ارتفاع */
    animation: markerFlow 3s infinite alternate;
}

@keyframes markerFlow {
    0% { height: 35%; opacity: 0.5; }
    100% { height: 50%; opacity: 0.8; } /* کمی بالا میاد */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c803b34 *//* ==============================================
   آیکون‌های Bento Grid - IMEI Registry Pro
============================================== */

/* استایل پایه باکس آیکون‌ها */
.imei-bento-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

/* هاور آیکون‌ها */
.imei-bento-icon:hover {
    background-color: rgba(255, 255, 255, 0.06);
    transform: translateY(-2px);
}

.imei-icon-indigo { color: #6366f1; }
.imei-icon-teal { color: #14b8a6; }

/* ----------------------------------------------
   انیمیشن‌های اختصاصی هر آیکون
---------------------------------------------- */

/* ۱. داشبورد: اسکن خطی */
@keyframes imei-icon-scan {
    0%, 100% { transform: translateY(-10px); opacity: 0; }
    50% { transform: translateY(10px); opacity: 1; }
}
.imei-anim-dash-line {
    position: absolute;
    width: 20px; height: 2px;
    background-color: #6366f1;
    box-shadow: 0 0 5px #6366f1;
    animation: imei-icon-scan 2.5s ease-in-out infinite;
}

/* ۲. پیامک: ارسال سیگنال */
@keyframes imei-icon-fly {
    0% { transform: translate(0, 0) scale(1); opacity: 1; }
    100% { transform: translate(8px, -8px) scale(0.5); opacity: 0; }
}
.imei-anim-sms-send { animation: imei-icon-fly 2s infinite cubic-bezier(0.4, 0, 0.2, 1); }

/* ۳. آپلود گروهی: پرش فلش */
@keyframes imei-icon-bounce {
    0%, 100% { transform: translateY(-2px); }
    50% { transform: translateY(3px); }
}
.imei-anim-upload { animation: imei-icon-bounce 1.5s infinite ease-in-out; }

/* ۴. مدیریت نقش‌ها: چرخش مدار */
@keyframes imei-icon-spin {
    100% { transform: rotate(360deg); }
}
.imei-anim-orbit {
    transform-origin: center;
    animation: imei-icon-spin 6s linear infinite;
}

/* ۵. بکاپ: پالس ذخیره‌سازی */
@keyframes imei-icon-pulse-db {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-backup { animation: imei-icon-pulse-db 2s infinite ease-in-out; }

/* ==============================================
   المان گرافیکی بزرگ (برای انتهای باکس داشبورد)
============================================== */
.imei-dash-graphic-wrapper {
    position: relative;
    width: 100%;
    height: 120px;
    background: rgba(255, 255, 255, 0.01);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0 0 16px 16px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 12px;
    padding: 0 20px;
    overflow: hidden;
}

/* خطوط گرید پس‌زمینه گراف */
.imei-dash-graphic-wrapper::before {
    content: ""; position: absolute; inset: 0;
    background-image: linear-gradient(to top, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 100% 20px;
    z-index: 0;
}

/* میله‌های متحرک نمودار */
.imei-chart-bar {
    position: relative;
    width: 30%;
    border-radius: 8px 8px 0 0;
    z-index: 1;
}

.imei-bar-teal { background: linear-gradient(to top, rgba(20, 184, 166, 0.1), #14b8a6); animation: imei-chart-1 4s ease-in-out infinite; }
.imei-bar-indigo { background: linear-gradient(to top, rgba(99, 102, 241, 0.1), #6366f1); animation: imei-chart-2 5s ease-in-out infinite; }
.imei-bar-slate { background: linear-gradient(to top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2)); animation: imei-chart-3 3.5s ease-in-out infinite; }

@keyframes imei-chart-1 { 0%, 100% { height: 40%; } 50% { height: 80%; } }
@keyframes imei-chart-2 { 0%, 100% { height: 60%; } 50% { height: 95%; } }
@keyframes imei-chart-3 { 0%, 100% { height: 30%; } 50% { height: 65%; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41a94239 *//* ==============================================
   آیکون‌های Bento Grid - IMEI Registry Pro
============================================== */

/* استایل پایه باکس آیکون‌ها */
.imei-bento-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

/* هاور آیکون‌ها */
.imei-bento-icon:hover {
    background-color: rgba(255, 255, 255, 0.06);
    transform: translateY(-2px);
}

.imei-icon-indigo { color: #6366f1; }
.imei-icon-teal { color: #14b8a6; }

/* ----------------------------------------------
   انیمیشن‌های اختصاصی هر آیکون
---------------------------------------------- */

/* ۱. داشبورد: اسکن خطی */
@keyframes imei-icon-scan {
    0%, 100% { transform: translateY(-10px); opacity: 0; }
    50% { transform: translateY(10px); opacity: 1; }
}
.imei-anim-dash-line {
    position: absolute;
    width: 20px; height: 2px;
    background-color: #6366f1;
    box-shadow: 0 0 5px #6366f1;
    animation: imei-icon-scan 2.5s ease-in-out infinite;
}

/* ۲. پیامک: ارسال سیگنال */
@keyframes imei-icon-fly {
    0% { transform: translate(0, 0) scale(1); opacity: 1; }
    100% { transform: translate(8px, -8px) scale(0.5); opacity: 0; }
}
.imei-anim-sms-send { animation: imei-icon-fly 2s infinite cubic-bezier(0.4, 0, 0.2, 1); }

/* ۳. آپلود گروهی: پرش فلش */
@keyframes imei-icon-bounce {
    0%, 100% { transform: translateY(-2px); }
    50% { transform: translateY(3px); }
}
.imei-anim-upload { animation: imei-icon-bounce 1.5s infinite ease-in-out; }

/* ۴. مدیریت نقش‌ها: چرخش مدار */
@keyframes imei-icon-spin {
    100% { transform: rotate(360deg); }
}
.imei-anim-orbit {
    transform-origin: center;
    animation: imei-icon-spin 6s linear infinite;
}

/* ۵. بکاپ: پالس ذخیره‌سازی */
@keyframes imei-icon-pulse-db {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-backup { animation: imei-icon-pulse-db 2s infinite ease-in-out; }

/* ==============================================
   المان گرافیکی بزرگ (برای انتهای باکس داشبورد)
============================================== */
.imei-dash-graphic-wrapper {
    position: relative;
    width: 100%;
    height: 120px;
    background: rgba(255, 255, 255, 0.01);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0 0 16px 16px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 12px;
    padding: 0 20px;
    overflow: hidden;
}

/* خطوط گرید پس‌زمینه گراف */
.imei-dash-graphic-wrapper::before {
    content: ""; position: absolute; inset: 0;
    background-image: linear-gradient(to top, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 100% 20px;
    z-index: 0;
}

/* میله‌های متحرک نمودار */
.imei-chart-bar {
    position: relative;
    width: 30%;
    border-radius: 8px 8px 0 0;
    z-index: 1;
}

.imei-bar-teal { background: linear-gradient(to top, rgba(20, 184, 166, 0.1), #14b8a6); animation: imei-chart-1 4s ease-in-out infinite; }
.imei-bar-indigo { background: linear-gradient(to top, rgba(99, 102, 241, 0.1), #6366f1); animation: imei-chart-2 5s ease-in-out infinite; }
.imei-bar-slate { background: linear-gradient(to top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2)); animation: imei-chart-3 3.5s ease-in-out infinite; }

@keyframes imei-chart-1 { 0%, 100% { height: 40%; } 50% { height: 80%; } }
@keyframes imei-chart-2 { 0%, 100% { height: 60%; } 50% { height: 95%; } }
@keyframes imei-chart-3 { 0%, 100% { height: 30%; } 50% { height: 65%; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12aea58f *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-12aea58f {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-12aea58f::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-12aea58f:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-12aea58f:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-575c6480 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-575c6480 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-575c6480::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-575c6480:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-575c6480:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-786d7736 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-786d7736 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-786d7736::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-786d7736:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-786d7736:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47e4d7ee *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-47e4d7ee {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-47e4d7ee::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-47e4d7ee:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-47e4d7ee:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2da79207 *//* ==============================================
   المان افقی پشتیبان‌گیری خودکار - IMEI Registry
============================================== */

.imei-backup-graphic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 16px 20px;
    width: 100%;
    max-width: 380px; /* سایز ایده‌آل برای باکس افقی */
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3);
    direction: rtl; /* جریان داده از راست به چپ */
}

/* --- گره‌های مبدا و مقصد --- */
.imei-backup-node {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #0a0f25;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

/* دیتابیس سایت (مبدا - سمت راست) */
.imei-node-source {
    border: 1px solid rgba(99, 102, 241, 0.4);
    color: #6366f1;
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.2);
    animation: imei-db-pulse 2s infinite alternate;
}

@keyframes imei-db-pulse {
    from { box-shadow: 0 0 10px rgba(99, 102, 241, 0.1); }
    to { box-shadow: 0 0 20px rgba(99, 102, 241, 0.5); }
}

/* فضای ابری بکاپ (مقصد - سمت چپ) */
.imei-node-dest {
    border: 1px solid rgba(20, 184, 166, 0.4);
    color: #14b8a6;
    box-shadow: 0 0 15px rgba(20, 184, 166, 0.2);
}

/* --- مسیر انتقال داده (Track) --- */
.imei-backup-track {
    flex: 1;
    height: 2px;
    background: repeating-linear-gradient(to left, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.1) 6px, transparent 6px, transparent 12px);
    margin: 0 15px;
    position: relative;
    display: flex;
    align-items: center;
}

/* بسته‌های داده (Packets) */
.imei-data-packet {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #14b8a6;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px rgba(20, 184, 166, 0.8);
    right: 0;
    animation: imei-data-flow 2.5s infinite linear;
}

/* تاخیر در حرکت بسته‌ها برای ایجاد جریان پیوسته */
.imei-packet-1 { animation-delay: 0s; }
.imei-packet-2 { animation-delay: 0.8s; }
.imei-packet-3 { animation-delay: 1.6s; }

@keyframes imei-data-flow {
    0% { right: 0; opacity: 0; transform: scale(0.5); }
    15% { opacity: 1; transform: scale(1); }
    85% { opacity: 1; transform: scale(1); }
    100% { right: 100%; opacity: 0; transform: scale(0.5); }
}

/* --- آیکون تیک سبز کوچک برای تایید بکاپ --- */
.imei-sync-badge {
    position: absolute;
    bottom: -6px;
    left: -6px;
    background: #10b981;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #050816;
    animation: imei-sync-pop 2.5s infinite;
}

@keyframes imei-sync-pop {
    0%, 75% { transform: scale(0); opacity: 0; }
    85% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54f676c7 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-54f676c7 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-54f676c7::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-54f676c7:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-54f676c7:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-86c095f *//* تنظیمات باکس اصلی ویجت عنوان (نسخه روشن) */
.luman-light-heading .elementor-heading-title {
    display: flex;
    align-items: center;
    gap: 12px; /* فاصله نقطه تا متن */
    
    /* استایل شیشه‌ای روشن */
    background-color: rgba(255, 255, 255, 0.1); /* سفید با شفافیت ۱۰ درصد */
    backdrop-filter: blur(8px);            /* تاری پشت زمینه (برای خوانایی بهتر) */
    -webkit-backdrop-filter: blur(8px);
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* حاشیه سفید محو */
    border-radius: 10px; /* گردی کامل (کپسولی) زیباتر است */
    
    padding: 10px 20px;

    /* انیمیشن نرم */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* استایل نقطه رنگی (Dot) */
.luman-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

/* رنگ‌بندی نقاط */
.luman-dot.green { background-color: #10b981; box-shadow: 0 0 10px rgba(16, 185, 129, 0.4); }
.luman-dot.blue { background-color: #3b82f6; box-shadow: 0 0 10px rgba(59, 130, 246, 0.4); }

/* انیمیشن تپش (Pulse) نقطه */
.luman-dot::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    border-radius: 50%;
    animation: lumanPulse 2s infinite;
    opacity: 0.5;
    z-index: 0;
}

.luman-dot.green::after { background-color: #10b981; }
.luman-dot.blue::after { background-color: #3b82f6; }

/* تعریف انیمیشن */
@keyframes lumanPulse {
    0% { width: 100%; height: 100%; opacity: 0.8; }
    100% { width: 300%; height: 300%; opacity: 0; }
}

/* --- حالت هاور (Hover) --- */
.luman-light-heading:hover .elementor-heading-title {
    background-color: rgba(255, 255, 255, 0.2); /* در هاور سفیدتر می‌شود */
    border-color: rgba(255, 255, 255, 0.4);      /* حاشیه پررنگ‌تر */
    transform: translateY(-3px);                 /* حرکت نرم به بالا */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* بزرگ شدن نقطه در هاور */
.luman-light-heading:hover .luman-dot {
    transform: scale(1.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-197e466f *//* کلاس پایه برای کارت‌های شیشه‌ای */
.glass-card {
    /* پس‌زمینه شفاف با رنگ سفید و شفافیت کم */
    background-color: rgba(255, 255, 255, 0.1);
    /* افکت تاری پس‌زمینه (Glassmorphism) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* برای پشتیبانی در سافاری */
    /* حاشیه نازک و شفاف */
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* گوشه‌های گرد */
    border-radius: 16px;
    /* فاصله داخلی */
    padding: 16px;
    /* سایه ملایم برای عمق دادن */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* انیمیشن نرم برای تغییرات */
    transition: all 0.3s ease-in-out;
}

/* افکت هاور (وقتی موس روی کارت می‌رود) */
.glass-card:hover {
    /* پس‌زمینه کمی روشن‌تر می‌شود */
    background-color: rgba(255, 255, 255, 0.2);
    /* حاشیه کمی واضح‌تر می‌شود */
    border-color: rgba(255, 255, 255, 0.3);
    /* کارت کمی به سمت بالا حرکت می‌کند */
    transform: translateY(-5px);
    /* سایه عمیق‌تر می‌شود */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13e5215e *//* کلاس پایه برای کارت‌های شیشه‌ای */
.glass-card {
    /* پس‌زمینه شفاف با رنگ سفید و شفافیت کم */
    background-color: rgba(255, 255, 255, 0.1);
    /* افکت تاری پس‌زمینه (Glassmorphism) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* برای پشتیبانی در سافاری */
    /* حاشیه نازک و شفاف */
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* گوشه‌های گرد */
    border-radius: 16px;
    /* فاصله داخلی */
    padding: 16px;
    /* سایه ملایم برای عمق دادن */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* انیمیشن نرم برای تغییرات */
    transition: all 0.3s ease-in-out;
}

/* افکت هاور (وقتی موس روی کارت می‌رود) */
.glass-card:hover {
    /* پس‌زمینه کمی روشن‌تر می‌شود */
    background-color: rgba(255, 255, 255, 0.2);
    /* حاشیه کمی واضح‌تر می‌شود */
    border-color: rgba(255, 255, 255, 0.3);
    /* کارت کمی به سمت بالا حرکت می‌کند */
    transform: translateY(-5px);
    /* سایه عمیق‌تر می‌شود */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be2b585 *//* کلاس پایه برای کارت‌های شیشه‌ای */
.glass-card {
    /* پس‌زمینه شفاف با رنگ سفید و شفافیت کم */
    background-color: rgba(255, 255, 255, 0.1);
    /* افکت تاری پس‌زمینه (Glassmorphism) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* برای پشتیبانی در سافاری */
    /* حاشیه نازک و شفاف */
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* گوشه‌های گرد */
    border-radius: 16px;
    /* فاصله داخلی */
    padding: 16px;
    /* سایه ملایم برای عمق دادن */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* انیمیشن نرم برای تغییرات */
    transition: all 0.3s ease-in-out;
}

/* افکت هاور (وقتی موس روی کارت می‌رود) */
.glass-card:hover {
    /* پس‌زمینه کمی روشن‌تر می‌شود */
    background-color: rgba(255, 255, 255, 0.2);
    /* حاشیه کمی واضح‌تر می‌شود */
    border-color: rgba(255, 255, 255, 0.3);
    /* کارت کمی به سمت بالا حرکت می‌کند */
    transform: translateY(-5px);
    /* سایه عمیق‌تر می‌شود */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3af916a9 *//* کلاس پایه برای کارت‌های شیشه‌ای */
.glass-card {
    /* پس‌زمینه شفاف با رنگ سفید و شفافیت کم */
    background-color: rgba(255, 255, 255, 0.1);
    /* افکت تاری پس‌زمینه (Glassmorphism) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* برای پشتیبانی در سافاری */
    /* حاشیه نازک و شفاف */
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* گوشه‌های گرد */
    border-radius: 16px;
    /* فاصله داخلی */
    padding: 16px;
    /* سایه ملایم برای عمق دادن */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* انیمیشن نرم برای تغییرات */
    transition: all 0.3s ease-in-out;
}

/* افکت هاور (وقتی موس روی کارت می‌رود) */
.glass-card:hover {
    /* پس‌زمینه کمی روشن‌تر می‌شود */
    background-color: rgba(255, 255, 255, 0.2);
    /* حاشیه کمی واضح‌تر می‌شود */
    border-color: rgba(255, 255, 255, 0.3);
    /* کارت کمی به سمت بالا حرکت می‌کند */
    transform: translateY(-5px);
    /* سایه عمیق‌تر می‌شود */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-357a39dd *//* 1. کانتینر اصلی و گرادینت پس‌زمینه */
.luman-otp-motion {
    position: relative;
    overflow: hidden;
    

    
    z-index: 1;
}

/* 2. لایه نقطه‌چین متحرک */
.luman-otp-motion::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* الگوی نقطه‌چین استاندارد */
    /* دایره سفید با شفافیت ۱۵ درصد و اندازه ۱.۵ پیکسل */
    background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1.5px, transparent 1.5px);
    
    /* فاصله نقطه‌ها از هم (بسیار مهم: باید با عدد داخل keyframes یکی باشد) */
    background-size: 30px 30px;
    
    /* انیمیشن حرکت مورب */
    /* زمان 6s برای سرعت مناسب (کمتر = سریع‌تر) */
    animation: standardPatternMove 6s linear infinite;
    
    pointer-events: none;
    z-index: -1;
}

/* 3. فریم‌های انیمیشن (محاسبه دقیق ریاضی برای لوپ شدن) */
@keyframes standardPatternMove {
    0% {
        background-position: 0 0;
    }
    100% {
        /* باید دقیقاً برابر با background-size باشد تا پرش نداشته باشد */
        background-position: 30px 30px; 
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-242ac10c *//* استفاده: <span class="text-magic-underline">متن</span> */
.text-magic-underline {
    position: relative;
    color: #fff; /* رنگ خود متن سفید باشه */
    z-index: 1;
    white-space: nowrap; /* کلمه نشکنه */
}

/* خط رنگی زیر متن */
.text-magic-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px; /* فاصله از پایین */
    width: 100%;
    height: 30%; /* ارتفاع هایلایت (مثل ماژیک) */
    
    /* گرادینت بنفش و آبی */
    background: linear-gradient(90deg, #8b5cf6, #06b6d4);
    opacity: 0.6; /* شفافیت */
    z-index: -1; /* بره زیر متن */
    
    border-radius: 4px;
    transform: skewX(-15deg); /* کمی کج */
    transition: all 0.3s ease;
}

/* هاور: هایلایت پررنگ و بزرگ میشه */
.text-magic-underline:hover::after {
    height: 90%; /* کل متن رو میگیره */
    opacity: 0.8;
    bottom: 0;
    transform: skewX(0deg);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4310eee7 */.elementor-325 .elementor-element.elementor-element-4310eee7 {
    /* تنظیمات پس‌زمینه و رنگ */
    background-color: rgba(139, 92, 246, 0.1); /* رنگ بنفش با شفافیت 10% */
    border: 1px solid rgba(139, 92, 246, 0.2); /* حاشیه دور با شفافیت 20% */
    
    /* گرد کردن گوشه‌ها (حالت بیضی کامل) */
    border-radius: 50px; 
    
    /* افکت شیشه‌ای (تار کردن پس‌زمینه) */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* برای پشتیبانی سافاری */
    
    /* سایه نرم رنگی */
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.1);
    
    /* انیمیشن نرم برای تغییر حالت */
    transition: all 0.3s ease-in-out;
    cursor: default;
}

/* استایل هنگام قرار گرفتن موس (Hover) */
.elementor-325 .elementor-element.elementor-element-4310eee7:hover {
    background-color: rgba(139, 92, 246, 0.2); /* پس‌زمینه کمی پررنگ‌تر می‌شود */
    border-color: rgba(139, 92, 246, 0.3); /* حاشیه مشخص‌تر می‌شود */
    box-shadow: 0 0 25px rgba(139, 92, 246, 0.25); /* درخشش سایه بیشتر می‌شود */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-287c311b *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a7115a4 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-380dfe84 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2550d733 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc7b339 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4afed96 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bef53ea *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35d6155c */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5131505 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-287c311b *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a7115a4 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-380dfe84 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2550d733 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc7b339 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4afed96 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bef53ea *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35d6155c */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5131505 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-287c311b *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a7115a4 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-380dfe84 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2550d733 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc7b339 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4afed96 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bef53ea *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35d6155c */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5131505 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-287c311b *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a7115a4 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-380dfe84 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2550d733 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc7b339 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4afed96 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bef53ea *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35d6155c */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5131505 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-287c311b *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a7115a4 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-380dfe84 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2550d733 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc7b339 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4afed96 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bef53ea *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35d6155c */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5131505 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-287c311b *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a7115a4 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-380dfe84 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2550d733 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc7b339 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4afed96 */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bef53ea *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35d6155c */.tab-container-laser {
    /* شیشه تیره */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* بالای روشن‌تر */
    position: relative;
    overflow: hidden; /* مهم برای عبور نور */
}

/* نور لیزری که رد میشه */
.tab-container-laser::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    /* گرادینت مورب سفید و آبی */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        rgba(6, 182, 212, 0.1), /* ته‌مایه فیروزه‌ای */
        rgba(255, 255, 255, 0.05),
        transparent
    );
    
    transform: skewX(-20deg);
    animation: laserShimmer 6s infinite; /* هر 6 ثانیه رد میشه */
    pointer-events: none;
}

/* انیمیشن عبور نور */
@keyframes laserShimmer {
    0% { left: -150%; }
    40% { left: 150%; } /* عبور کامل */
    100% { left: 150%; } /* مکث */
}

/* هاور: رنگی شدن بوردر */
.tab-container-laser:hover {
    border-color: rgba(139, 92, 246, 0.4); /* بنفش */
    box-shadow: 0 20px 50px rgba(139, 92, 246, 0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5131505 *//* ==============================================
   آیکون‌های متحرک تب‌های عمیق - IMEI Registry
============================================== */

/* استایل پایه باکس آیکون */
.imei-tab-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(99, 102, 241, 0.1); /* پس‌زمینه بنفش/نیلی بسیار شفاف */
    border: 1px solid rgba(99, 102, 241, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

/* افکت در صورت هاور شدن کل باکس */
.imei-tab-icon:hover {
    background-color: rgba(99, 102, 241, 0.18);
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3), inset 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(-2px);
}

.imei-tab-icon svg {
    color: #6366f1; /* رنگ آیکون: بنفش/نیلی */
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------
   انیمیشن ۱: جریان داده‌ها (برای ثبت اطلاعات)
---------------------------------------------- */
@keyframes imei-db-flow {
    0%, 100% { opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
}
.imei-anim-db-1 { animation: imei-db-flow 2s infinite ease-in-out 0s; }
.imei-anim-db-2 { animation: imei-db-flow 2s infinite ease-in-out 0.4s; }
.imei-anim-db-3 { animation: imei-db-flow 2s infinite ease-in-out 0.8s; }

/* ----------------------------------------------
   انیمیشن ۲: اسکن اثر انگشت/هویت (برای OTP)
---------------------------------------------- */
@keyframes imei-identity-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 5px #14b8a6); color: #14b8a6; }
}
.imei-anim-identity { animation: imei-identity-pulse 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۳: سپر محافظتی (برای امنیت)
---------------------------------------------- */
@keyframes imei-shield-defend {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0 transparent); }
    50% { transform: translateY(-2px); filter: drop-shadow(0 0 6px #6366f1); }
}
.imei-anim-shield { animation: imei-shield-defend 3s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۴: همگام‌سازی اسناد (برای گزارش‌گیری)
---------------------------------------------- */
@keyframes imei-doc-sync {
    0% { transform: translateY(-2px); opacity: 0.6; }
    50% { transform: translateY(2px); opacity: 1; filter: drop-shadow(0 0 4px #6366f1); }
    100% { transform: translateY(-2px); opacity: 0.6; }
}
.imei-anim-doc { animation: imei-doc-sync 2.5s infinite ease-in-out; }

/* ----------------------------------------------
   انیمیشن ۵: چرخش شبکه (برای یکپارچگی وردپرس)
---------------------------------------------- */
@keyframes imei-globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.imei-anim-globe {
    transform-origin: center;
    animation: imei-globe-spin 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-786d90bd *//* 1. تنظیمات کلی کانتینر تب‌ها (حذف پدینگ‌های اضافه) */
.gravity-neon-tabs {
    --tab-radius: 16px;
    --brand-purple: #8b5cf6;
    --brand-cyan: #06b6d4;
}

/* 2. استایل پایه دکمه‌های تب (غیر فعال) */
.gravity-neon-tabs .e-n-tab-title {
    position: relative;
    
    /* پس‌زمینه شیشه‌ای تیره */
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: var(--tab-radius);
    
    /* تایپوگرافی */
    color: #94a3b8; /* رنگ متن غیرفعال */
    font-weight: 500;
    
    margin-bottom: 8px; /* فاصله بین تب‌ها */
    padding: 15px 20px; /* فضای داخلی */
    
    transition: all 0.3s ease;
    overflow: hidden; /* برای اینکه نورها بیرون نزنند */
    z-index: 1;
}

/* 3. خط حاشیه سمت راست (وسط چین و انیمیشنی) */
.gravity-neon-tabs .e-n-tab-title::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); /* دقیقاً وسط عمودی */
    
    width: 4px; /* ضخامت خط */
    height: 40%; /* ارتفاع خط (کوتاه در حالت عادی) */
    border-radius: 4px 0 0 4px;
    
    /* گرادینت متحرک */
    background: linear-gradient(180deg, var(--brand-cyan), var(--brand-purple), var(--brand-cyan));
    background-size: 100% 200%; /* سایز بزرگ برای حرکت */
    
    opacity: 0.5; /* کمرنگ در حالت عادی */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* انیمیشن حرکت رنگ */
    animation: sidebarGlow 3s linear infinite;
}

/* انیمیشن حرکت رنگ خط */
@keyframes sidebarGlow {
    0% { background-position: 0% 0%; }
    100% { background-position: 0% 200%; }
}

/* 4. استایل هاور (حرکت موس) */
.gravity-neon-tabs .e-n-tab-title:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    padding-right: 25px; /* حرکت متن به سمت چپ */
    border-color: rgba(255, 255, 255, 0.1);
}

/* در حالت هاور، خط سمت راست کمی بزرگتر شود */
.gravity-neon-tabs .e-n-tab-title:hover::after {
    height: 60%;
    opacity: 0.8;
}

/* 5. افکت براق (Shine) موقع هاور - (از کد خودت با اصلاح رنگ) */
.gravity-neon-tabs .e-n-tab-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    
    /* نور سفید محو */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent
    );
    
    transform: skewX(-20deg);
    transition: none;
    z-index: -1;
}

.gravity-neon-tabs .e-n-tab-title:hover::before {
    left: 150%;
    transition: 0.6s ease;
}

/* 6. استایل تب فعال (Active) */
.gravity-neon-tabs .e-n-tab-title[aria-selected="true"] {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.15), rgba(139, 92, 246, 0.05)); /* گرادینت بنفش محو */
    border-color: rgba(139, 92, 246, 0.3);
    color: #ffffff !important;
    font-weight: bold;
    box-shadow: 0 5px 20px -5px rgba(139, 92, 246, 0.3); /* سایه بنفش */
}

/* خط سمت راست در حالت فعال: بلند و پرنور */
.gravity-neon-tabs .e-n-tab-title[aria-selected="true"]::after {
    height: 80%; /* تقریباً تمام ارتفاع را میگیرد */
    width: 5px; /* کمی ضخیم‌تر */
    opacity: 1; /* کاملاً پررنگ */
    box-shadow: -2px 0 15px rgba(139, 92, 246, 0.6); /* درخشش نئونی */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e8be0a3 *//* --- بدنه اصلی (جنس شیشه‌ای Pulse) --- */
.tab-perfect-glass {
    position: relative;
    z-index: 1;
    
    /* دقیقاً همان بک‌گراند شیشه‌ای و تمیز که خواستی */
    background: rgba(255, 255, 255, 0.03); 
    
    /* مات‌کنندگی */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* حاشیه و گوشه‌ها */
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.05); /* یک خط خیلی محو پایه */
    
    /* سایه نرم */
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.4);
    
    /* ترنزیشن */
    transition: all 0.4s ease;
    overflow: hidden;
}

/* --- لایه ۱: بوردر متحرک (موتور انیمیشن Magic) --- */
/* اینجا از تکنیک ماسک استفاده کردیم تا نور دقیقاً جای بوردر بشینه */
.tab-perfect-glass::before {
    content: "";
    position: absolute;
    inset: 0; /* تمام سطح را میگیرد */
    padding: 1.5px; /* ضخامت خط نوری */
    border-radius: 24px;
    
    /* گرادینت متحرک (بنفش، فیروزه‌ای، سفید) */
    background: linear-gradient(
        90deg, 
        transparent, 
        #8b5cf6, /* بنفش */
        #06b6d4, /* فیروزه‌ای */
        #ffffff, /* سفید (نقطه اوج) */
        #06b6d4,
        #8b5cf6,
        transparent
    );
    
    background-size: 200% auto; /* سایز بزرگ برای حرکت */
    
    /* جادوی ماسک: فقط لبه‌ها (padding) را نشان بده، وسط را خالی کن */
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    
    /* انیمیشن حرکت */
    animation: borderFlow 4s linear infinite;
    pointer-events: none;
    opacity: 0.8; /* شدت نور */
}

/* --- لایه ۲: نور محیطی داخل شیشه (برای زنده بودن) --- */
.tab-perfect-glass::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    
    /* یک شاین خیلی محو روی سطح شیشه */
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.02),
        rgba(139, 92, 246, 0.05), 
        rgba(255, 255, 255, 0.02),
        transparent
    );
    
    transform: skewX(-20deg);
    pointer-events: none;
    animation: glassShine 6s infinite ease-in-out;
}

/* --- انیمیشن‌ها --- */
@keyframes borderFlow {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

@keyframes glassShine {
    0% { left: -150%; opacity: 0; }
    40% { opacity: 1; }
    100% { left: 150%; opacity: 0; }
}

/* --- هاور افکت (نرم و بدون باگ) --- */
.tab-perfect-glass:hover {
    background: rgba(255, 255, 255, 0.06); /* کمی روشن‌تر */
    box-shadow: 
        0 20px 60px -15px rgba(139, 92, 246, 0.3), /* سایه بنفش */
        0 0 0 1px rgba(139, 92, 246, 0.2); /* خط ظریف بنفش */
    transform: translateY(-5px);
}

/* سرعت نور در هاور */
.tab-perfect-glass:hover::before {
    animation-duration: 2s;
    opacity: 1; /* نور کامل */
    filter: brightness(1.2);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cc1076a */.highlight-text {
    display: inline-block;
    position: relative;
    color: #0870C1; /* رنگ متن تیره (یا هر رنگی که تیتر داره) */
    z-index: 1;
    padding: 0 5px;
}

/* باکس رنگی پشت متن */
.highlight-text::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 35%; /* فقط پایین متن رو رنگ می‌کنه (مثل ماژیک) */
    background-color: rgba(220, 233, 255, 1); /* زرد/نارنجی شفاف */
    z-index: -1;
    border-radius: 4px;
    transition: all 0.3s ease;
    
    /* انیمیشن تغییر ارتفاع */
    animation: markerFlow 3s infinite alternate;
}

@keyframes markerFlow {
    0% { height: 35%; opacity: 0.5; }
    100% { height: 50%; opacity: 0.8; } /* کمی بالا میاد */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e41e9b6 *//* ==============================================
   المان‌های افقی اختصاصی و متحرک - IMEI Registry
============================================== */

/* استایل پایه کادر محافظ (جلوگیری قطعی از باگ جمع شدن) */
.imei-aud-graphic {
    width: 100%;
    height: 70px; /* ارتفاع فیکس */
    background-color: rgba(5, 8, 22, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    margin-top: auto; /* چسبیدن به کف کارت */
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr; /* استانداردسازی محور X برای انیمیشن‌ها */
    padding: 0 15px;
}

/* ----------------------------------------------
   المان ۱: پروسه تایید (سامانه‌های خدماتی) - فیروزه‌ای
---------------------------------------------- */
.imei-match-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 15px;
}

/* بلاک مبدا (کد IMEI) */
.imei-m-box {
    width: 48px; height: 28px;
    border: 1px solid rgba(20, 184, 166, 0.4);
    border-radius: 6px;
    background: rgba(20, 184, 166, 0.1);
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 900; color: #14b8a6;
    letter-spacing: 1px; font-family: monospace;
    box-shadow: 0 0 10px rgba(20, 184, 166, 0.2);
}

/* نوار پردازش میانی */
.imei-m-bar-bg {
    flex: 1; height: 4px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 2px;
    position: relative; overflow: hidden;
}
.imei-m-bar-fill {
    position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
    background: #14b8a6; box-shadow: 0 0 8px #14b8a6;
    transform: translateX(-100%);
    animation: imei-m-fill 3s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

/* آیکون تاییدیه نهایی */
.imei-m-icon {
    width: 28px; height: 28px;
    color: #14b8a6;
    animation: imei-m-pop 3s infinite;
}

@keyframes imei-m-fill {
    0%, 10% { transform: translateX(-100%); opacity: 1; }
    45%, 60% { transform: translateX(0); opacity: 1; }
    90%, 100% { transform: translateX(100%); opacity: 0; }
}
@keyframes imei-m-pop {
    0%, 40% { transform: scale(0.5); opacity: 0.2; filter: drop-shadow(0 0 0 transparent); }
    50%, 75% { transform: scale(1.1); opacity: 1; filter: drop-shadow(0 0 8px #14b8a6); }
    85%, 100% { transform: scale(1); opacity: 0.5; filter: drop-shadow(0 0 0 transparent); }
}

/* ----------------------------------------------
   المان ۲: اسکنر انبوه (نمایندگی‌های موبایل) - بنفش
---------------------------------------------- */
.imei-q-wrapper {
    width: 100%; height: 100%;
    position: relative;
    display: flex; align-items: center; justify-content: center;
}

/* قاب اسکنر مرکزی */
.imei-q-center {
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 38px; height: 50px;
    border: 2px solid #6366f1; border-radius: 8px;
    z-index: 10;
    box-shadow: inset 0 0 10px rgba(99,102,241,0.2), 0 0 15px rgba(99,102,241,0.3);
}
.imei-q-center::before { /* خط لیزر داخل اسکنر */
    content: ''; position: absolute;
    left: 50%; top: 4px; bottom: 4px; width: 2px;
    background: rgba(99, 102, 241, 0.8); transform: translateX(-50%);
}

/* موبایل‌های در حال عبور */
.imei-q-item {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 24px; height: 38px;
    border: 2px solid #334155; border-radius: 6px;
    background: #0a0f25;
    animation: imei-q-pass 4s infinite linear;
}
.imei-q-item::after { /* صفحه نمایش موبایل */
    content: ''; position: absolute;
    top: 3px; left: 3px; right: 3px; bottom: 6px;
    background: #1e293b; border-radius: 2px;
    transition: background 0.2s;
}

.imei-q-item:nth-child(1) { animation-delay: 0s; }
.imei-q-item:nth-child(2) { animation-delay: 1.33s; }
.imei-q-item:nth-child(3) { animation-delay: 2.66s; }

@keyframes imei-q-pass {
    0% { left: -40px; border-color: #334155; }
    45% { left: calc(50% - 12px); border-color: #334155; box-shadow: none; }
    50% { left: calc(50% - 12px); border-color: #6366f1; box-shadow: 0 0 15px #6366f1; } /* لحظه اسکن */
    100% { left: 120%; border-color: #6366f1; box-shadow: 0 0 10px rgba(99, 102, 241, 0.4); }
}

/* ----------------------------------------------
   المان ۳: رک‌های سرور (مراکز و سازمان‌ها) - ترکیبی
---------------------------------------------- */
.imei-server-wrapper {
    width: 100%; display: flex; flex-direction: column;
    justify-content: center; gap: 8px;
}

.imei-server-row {
    width: 100%; height: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.01), rgba(255,255,255,0.05));
    display: flex; align-items: center; justify-content: flex-end;
    padding: 0 12px; gap: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.imei-s-led { width: 4px; height: 4px; border-radius: 50%; }

.imei-s-led.teal { background: #14b8a6; animation: imei-blink 0.8s infinite alternate; }
.imei-s-led.indigo { background: #6366f1; animation: imei-blink 1.2s infinite alternate-reverse; }
.imei-s-led.cyan { background: #06b6d4; animation: imei-blink 1.5s infinite alternate; }

@keyframes imei-blink {
    0% { opacity: 0.2; box-shadow: none; }
    100% { opacity: 1; box-shadow: 0 0 8px currentColor; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70774464 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-70774464 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-70774464::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-70774464:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-70774464:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74d1dce0 *//* ----------------------------------------------
   المان ۲: اسکنر انبوه (نمایندگی‌های موبایل) - کاملاً بدون باگ
---------------------------------------------- */
.imei-scanner-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* فاصله دقیق بین موبایل‌ها */
    width: 100%;
    height: 100%;
    position: relative;
}

/* طراحی موبایل‌ها با تضمین عدم فشرده‌سازی */
.imei-phone-icon {
    width: 24px; 
    height: 42px;
    border: 2px solid #334155;
    border-radius: 6px;
    background: #0a0f25;
    position: relative;
    flex-shrink: 0; /* جادوی اصلی: جلوگیری قطعی از جمع شدن */
    z-index: 1;
    animation: imei-phone-scan-effect 3s infinite linear;
}

/* خط اسپیکر بالای گوشی */
.imei-phone-icon::before {
    content: ''; position: absolute;
    top: 3px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 2px;
    background: #475569; border-radius: 2px;
}

/* صفحه نمایش گوشی */
.imei-phone-icon::after {
    content: ''; position: absolute;
    top: 8px; left: 3px; right: 3px; bottom: 4px;
    background: #1e293b; border-radius: 2px;
    transition: background 0.2s;
}

/* تنظیم زمان‌بندی روشن شدن هر گوشی دقیقاً همگام با عبور لیزر */
.imei-phone-icon:nth-child(1) { animation-delay: 0.4s; }
.imei-phone-icon:nth-child(2) { animation-delay: 1.0s; }
.imei-phone-icon:nth-child(3) { animation-delay: 1.6s; }
.imei-phone-icon:nth-child(4) { animation-delay: 2.2s; }

/* افکت روشن شدن موبایل در لحظه اسکن */
@keyframes imei-phone-scan-effect {
    0%, 10% { border-color: #334155; box-shadow: none; }
    15%, 30% { 
        border-color: #6366f1; /* رنگ بنفش در لحظه اسکن */
        box-shadow: 0 0 15px rgba(99,102,241,0.8); 
    }
    35%, 100% { border-color: #475569; box-shadow: none; } /* کمی روشن‌تر می‌ماند تا تایید را نشان دهد */
}

/* لیزر اسکنر عریض */
.imei-wide-laser {
    position: absolute;
    top: 0; bottom: 0;
    width: 60px;
    background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.25), transparent);
    border-left: 2px solid #6366f1;
    box-shadow: -4px 0 15px rgba(99, 102, 241, 0.8);
    z-index: 10;
    animation: imei-sweep-laser 3s infinite linear;
    pointer-events: none; /* تا مزاحم کلیک و هاور نشود */
}

@keyframes imei-sweep-laser {
    0% { left: -20%; }
    100% { left: 120%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68581719 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-68581719 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-68581719::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-68581719:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-68581719:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f84dfa4 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-2f84dfa4 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-2f84dfa4::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-2f84dfa4:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-2f84dfa4:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31f99f7b */.highlight-text {
    display: inline-block;
    position: relative;
    color: #0870C1; /* رنگ متن تیره (یا هر رنگی که تیتر داره) */
    z-index: 1;
    padding: 0 5px;
}

/* باکس رنگی پشت متن */
.highlight-text::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 35%; /* فقط پایین متن رو رنگ می‌کنه (مثل ماژیک) */
    background-color: rgba(220, 233, 255, 1); /* زرد/نارنجی شفاف */
    z-index: -1;
    border-radius: 4px;
    transition: all 0.3s ease;
    
    /* انیمیشن تغییر ارتفاع */
    animation: markerFlow 3s infinite alternate;
}

@keyframes markerFlow {
    0% { height: 35%; opacity: 0.5; }
    100% { height: 50%; opacity: 0.8; } /* کمی بالا میاد */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e149080 *//* ==============================================
   آیکون‌های پیش‌نیازها (نوری و متحرک) - IMEI Registry
============================================== */

.imei-req-icon {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
    /* یک سایه داخلی تیره برای عمق دادن به آیکون */
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------------
   افکت نور متحرک (بازتاب شیشه‌ای / Shimmer)
---------------------------------------------- */
.imei-req-icon::before {
    content: '';
    position: absolute;
    top: 0; 
    left: -100%;
    width: 50%; 
    height: 100%;
    /* ایجاد یک خط نوری سفید و محو */
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-25deg);
    animation: imei-light-sweep 3s infinite;
    z-index: 2;
    pointer-events: none;
}

@keyframes imei-light-sweep {
    0% { left: -100%; }
    20% { left: 200%; }
    100% { left: 200%; } /* مکس کوتاه بین هر بار عبور نور */
}

/* آیکون SVG در بالاترین لایه قرار می‌گیرد تا زیر نور نرود (اختیاری) */
.imei-req-icon svg {
    position: relative;
    z-index: 3;
    color: #ffffff;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* ----------------------------------------------
   تم‌های رنگی و انیمیشن نبض (Pulse Glow)
---------------------------------------------- */

/* ۱. تم آبی/نیلی (پلتفرم پایه) */
.imei-req-blue {
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    animation: imei-pulse-blue 3s infinite alternate ease-in-out;
}
@keyframes imei-pulse-blue {
    0% { box-shadow: 0 0 10px rgba(99, 102, 241, 0.3), inset 0 0 15px rgba(0,0,0,0.3); }
    100% { box-shadow: 0 0 25px rgba(99, 102, 241, 0.7), inset 0 0 15px rgba(0,0,0,0.3); }
}

/* ۲. تم فیروزه‌ای/سبز (هسته پردازشی) */
.imei-req-teal {
    background: linear-gradient(135deg, #14b8a6, #10b981);
    animation: imei-pulse-teal 3s infinite alternate ease-in-out;
}
@keyframes imei-pulse-teal {
    0% { box-shadow: 0 0 10px rgba(20, 184, 166, 0.3), inset 0 0 15px rgba(0,0,0,0.3); }
    100% { box-shadow: 0 0 25px rgba(20, 184, 166, 0.7), inset 0 0 15px rgba(0,0,0,0.3); }
}

/* ۳. تم بنفش/صورتی (زیرساخت ارتباطی) */
.imei-req-purple {
    background: linear-gradient(135deg, #a855f7, #ec4899);
    animation: imei-pulse-purple 3s infinite alternate ease-in-out;
}
@keyframes imei-pulse-purple {
    0% { box-shadow: 0 0 10px rgba(168, 85, 247, 0.3), inset 0 0 15px rgba(0,0,0,0.3); }
    100% { box-shadow: 0 0 25px rgba(168, 85, 247, 0.7), inset 0 0 15px rgba(0,0,0,0.3); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-798f7ebd *//* ==============================================
   المان وضعیت سیستم (الزامی برای عملکرد) - IMEI Registry
============================================== */

.imei-status-footer {
    margin-top: auto; /* اگر باکس‌ها هم‌ارتفاع باشند، این المان را همیشه به کف باکس می‌چسباند */
    border-top: 1px dashed rgba(255, 255, 255, 0.1); /* خط جداکننده سایبری */
    display: flex;
    align-items: center;
    gap: 12px;
}

/* کانتینر نقطه چشمک‌زن */
.imei-status-indicator {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

/* هسته مرکزی چراغ وضعیت */
.imei-status-dot {
    position: relative;
    width: 8px;
    height: 8px;
    background-color: #14b8a6; /* رنگ فیروزه‌ای */
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 8px rgba(20, 184, 166, 0.8); /* درخشش هسته */
}

/* موج نوری (پالس) اطراف چراغ */
.imei-status-pulse {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(20, 184, 166, 0.6);
    border-radius: 50%;
    z-index: 1;
    animation: imei-radar-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes imei-radar-pulse {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(3.5); opacity: 0; }
}

/* استایل متن وضعیت */
.imei-status-text {
    font-size: 12px;
    color: #14b8a6;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-shadow: 0 0 10px rgba(20, 184, 166, 0.3);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bbbd97d *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-4bbbd97d {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-4bbbd97d::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-4bbbd97d:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-4bbbd97d:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7155b212 *//* ==============================================
   المان وضعیت سیستم (الزامی برای عملکرد) - IMEI Registry
============================================== */

.imei-status-footer {
    margin-top: auto; /* اگر باکس‌ها هم‌ارتفاع باشند، این المان را همیشه به کف باکس می‌چسباند */
    border-top: 1px dashed rgba(255, 255, 255, 0.1); /* خط جداکننده سایبری */
    display: flex;
    align-items: center;
    gap: 12px;
}

/* کانتینر نقطه چشمک‌زن */
.imei-status-indicator {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

/* هسته مرکزی چراغ وضعیت */
.imei-status-dot {
    position: relative;
    width: 8px;
    height: 8px;
    background-color: #14b8a6; /* رنگ فیروزه‌ای */
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 8px rgba(20, 184, 166, 0.8); /* درخشش هسته */
}

/* موج نوری (پالس) اطراف چراغ */
.imei-status-pulse {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(20, 184, 166, 0.6);
    border-radius: 50%;
    z-index: 1;
    animation: imei-radar-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes imei-radar-pulse {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(3.5); opacity: 0; }
}

/* استایل متن وضعیت */
.imei-status-text {
    font-size: 12px;
    color: #14b8a6;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-shadow: 0 0 10px rgba(20, 184, 166, 0.3);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66a1a2b5 *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-66a1a2b5 {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-66a1a2b5::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-66a1a2b5:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-66a1a2b5:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13ce0d0d *//* ==============================================
   المان وضعیت سیستم (الزامی برای عملکرد) - IMEI Registry
============================================== */

.imei-status-footer {
    margin-top: auto; /* اگر باکس‌ها هم‌ارتفاع باشند، این المان را همیشه به کف باکس می‌چسباند */
    border-top: 1px dashed rgba(255, 255, 255, 0.1); /* خط جداکننده سایبری */
    display: flex;
    align-items: center;
    gap: 12px;
}

/* کانتینر نقطه چشمک‌زن */
.imei-status-indicator {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

/* هسته مرکزی چراغ وضعیت */
.imei-status-dot {
    position: relative;
    width: 8px;
    height: 8px;
    background-color: #14b8a6; /* رنگ فیروزه‌ای */
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 8px rgba(20, 184, 166, 0.8); /* درخشش هسته */
}

/* موج نوری (پالس) اطراف چراغ */
.imei-status-pulse {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(20, 184, 166, 0.6);
    border-radius: 50%;
    z-index: 1;
    animation: imei-radar-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes imei-radar-pulse {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(3.5); opacity: 0; }
}

/* استایل متن وضعیت */
.imei-status-text {
    font-size: 12px;
    color: #14b8a6;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-shadow: 0 0 10px rgba(20, 184, 166, 0.3);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-676348c *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-676348c {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-676348c::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-676348c:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-676348c:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cb6dfdc *//* استایل اصلی کارت شیشه‌ای */
.elementor-325 .elementor-element.elementor-element-4cb6dfdc {
    /* پس‌زمینه گرادینت تیره و شفاف */
    background: linear-gradient(180deg, rgba(28, 16, 51, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%);
    
    /* مات‌کننده پشت زمینه (Blur) */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* خط دور بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* انیمیشن نرم */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* تنظیمات ضروری برای افکت‌ها */
    position: relative;
    overflow: hidden; 
}

/* ایجاد بردر رنگی گرادینت (تکنیک پیشرفته ماسک) */
.elementor-325 .elementor-element.elementor-element-4cb6dfdc::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* گردی گوشه را از تنظیمات المنتور ارث می‌برد */
    border-radius: inherit; 
    
    /* ضخامت خط دور رنگی */
    padding: 1px; 
    
    /* رنگ اولیه خط دور (قبل از هاور) */
    background: linear-gradient(45deg, transparent, rgba(139, 92, 246, 0.3), transparent); 
    
    /* تکنیک ماسک برای نمایش فقط خط دور */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    
    opacity: 0.5;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* وضعیت هاور (وقتی موس روی کارت می‌رود) */
.elementor-325 .elementor-element.elementor-element-4cb6dfdc:hover {
    /* کمی تیره‌تر و بنفش‌تر شدن پس‌زمینه */
    background: linear-gradient(180deg, rgba(46, 16, 101, 0.5) 0%, rgba(28, 16, 51, 0.7) 100%);
    
    /* حرکت جزئی به بالا و بزرگ‌نمایی */
    transform: translateY(-5px) scale(1.01);
    
    /* سایه بنفش درخشان */
    box-shadow: 0 20px 50px -10px rgba(139, 92, 246, 0.2);
}

/* تغییر رنگ خط دور در حالت هاور (بنفش به آبی فیروزه‌ای) */
.elementor-325 .elementor-element.elementor-element-4cb6dfdc:hover::before {
    background: linear-gradient(45deg, #8b5cf6, #06b6d4);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2ae5ce3b *//* استفاده: <span class="text-magic-underline">متن</span> */
.text-magic-underline {
    position: relative;
    color: #fff; /* رنگ خود متن سفید باشه */
    z-index: 1;
    white-space: nowrap; /* کلمه نشکنه */
}

/* خط رنگی زیر متن */
.text-magic-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px; /* فاصله از پایین */
    width: 100%;
    height: 30%; /* ارتفاع هایلایت (مثل ماژیک) */
    
    /* گرادینت بنفش و آبی */
    background: linear-gradient(90deg, #8b5cf6, #06b6d4);
    opacity: 0.6; /* شفافیت */
    z-index: -1; /* بره زیر متن */
    
    border-radius: 4px;
    transform: skewX(-15deg); /* کمی کج */
    transition: all 0.3s ease;
}

/* هاور: هایلایت پررنگ و بزرگ میشه */
.text-magic-underline:hover::after {
    height: 90%; /* کل متن رو میگیره */
    opacity: 0.8;
    bottom: 0;
    transform: skewX(0deg);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1fbfa099 */.elementor-325 .elementor-element.elementor-element-1fbfa099 {
    /* تنظیمات پس‌زمینه و رنگ */
    background-color: rgba(139, 92, 246, 0.1); /* رنگ بنفش با شفافیت 10% */
    border: 1px solid rgba(139, 92, 246, 0.2); /* حاشیه دور با شفافیت 20% */
    
    /* گرد کردن گوشه‌ها (حالت بیضی کامل) */
    border-radius: 50px; 
    
    /* افکت شیشه‌ای (تار کردن پس‌زمینه) */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* برای پشتیبانی سافاری */
    
    /* سایه نرم رنگی */
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.1);
    
    /* انیمیشن نرم برای تغییر حالت */
    transition: all 0.3s ease-in-out;
    cursor: default;
}

/* استایل هنگام قرار گرفتن موس (Hover) */
.elementor-325 .elementor-element.elementor-element-1fbfa099:hover {
    background-color: rgba(139, 92, 246, 0.2); /* پس‌زمینه کمی پررنگ‌تر می‌شود */
    border-color: rgba(139, 92, 246, 0.3); /* حاشیه مشخص‌تر می‌شود */
    box-shadow: 0 0 25px rgba(139, 92, 246, 0.25); /* درخشش سایه بیشتر می‌شود */
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-acad9b8 *//* 1. ریست کردن استایل‌های پیش‌فرض المنتور برای این آکاردئون */
.gravity-neon-accordion .elementor-accordion-item,
.gravity-neon-accordion .e-n-accordion-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 15px !important; /* فاصله بین آیتم‌ها */
}

/* 2. استایل سربرگ (Title) - حالت عادی */
.gravity-neon-accordion .elementor-tab-title,
.gravity-neon-accordion .elementor-accordion-title,
.gravity-neon-accordion .e-n-accordion-item-title {
    position: relative !important;
    
    /* بک‌گراند شیشه‌ای تیره */
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(12px);
    
    /* بوردر پایه */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    
    padding: 20px 25px !important;
    color: #94a3b8 !important; /* رنگ متن */
    
    transition: all 0.4s ease !important;
    overflow: hidden !important;
    z-index: 1;
}

/* 3. خط نئونی سمت راست (Ambient Line) */
.gravity-neon-accordion .elementor-tab-title::after,
.gravity-neon-accordion .elementor-accordion-title::after,
.gravity-neon-accordion .e-n-accordion-item-title::after {
    content: "";
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    width: 4px !important; /* ضخامت خط */
    height: 30% !important; /* ارتفاع کوتاه در حالت عادی */
    
    /* گرادینت متحرک */
    background: linear-gradient(180deg, #06b6d4, #8b5cf6, #06b6d4) !important;
    background-size: 100% 200% !important;
    
    border-radius: 4px 0 0 4px !important;
    opacity: 0.7;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    
    /* انیمیشن محیطی */
    animation: neonFlow 3s linear infinite;
}

@keyframes neonFlow {
    0% { background-position: 0% 0%; }
    100% { background-position: 0% 200%; }
}

/* 4. استایل هاور (وقتی موس میره روش) */
.gravity-neon-accordion .elementor-tab-title:hover,
.gravity-neon-accordion .elementor-accordion-title:hover,
.gravity-neon-accordion .e-n-accordion-item-title:hover {
    background: rgba(30, 41, 59, 0.8) !important; /* کمی روشن‌تر */
    border-color: rgba(139, 92, 246, 0.3) !important;
    color: #ffffff !important;
    padding-right: 35px !important; /* حرکت متن به چپ */
    transform: translateX(-5px); /* حرکت کل باکس */
}

/* در هاور، خط سمت راست بلندتر شود */
.gravity-neon-accordion .elementor-tab-title:hover::after,
.gravity-neon-accordion .elementor-accordion-title:hover::after,
.gravity-neon-accordion .e-n-accordion-item-title:hover::after {
    height: 60% !important;
    width: 5px !important;
    opacity: 1;
    box-shadow: -2px 0 10px rgba(139, 92, 246, 0.5); /* درخشش */
}

/* 5. استایل حالت فعال/باز (Active) */
.gravity-neon-accordion .elementor-tab-title.elementor-active,
.gravity-neon-accordion .elementor-accordion-title.elementor-active,
.gravity-neon-accordion .e-n-accordion-item-title[aria-expanded="true"] {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.15), rgba(15, 23, 42, 0.6)) !important;
    border-color: rgba(139, 92, 246, 0.5) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 16px 16px 0 0 !important; /* پایین صاف */
}

/* خط سمت راست در حالت فعال (کامل و پرنور) */
.gravity-neon-accordion .elementor-tab-title.elementor-active::after,
.gravity-neon-accordion .elementor-accordion-title.elementor-active::after,
.gravity-neon-accordion .e-n-accordion-item-title[aria-expanded="true"]::after {
    height: 100% !important;
    width: 6px !important;
    opacity: 1;
    box-shadow: -4px 0 20px rgba(139, 92, 246, 0.8) !important; /* درخشش زیاد */
}

/* 6. استایل محتوای آکاردئون (Content) */
.gravity-neon-accordion .elementor-tab-content,
.gravity-neon-accordion .elementor-accordion-content,
.gravity-neon-accordion .e-n-accordion-item-content {
    background: rgba(15, 23, 42, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
    padding: 25px !important;
    color: #cbd5e1 !important;
    margin-top: -1px !important; /* چسبیدن به هدر */
}

/* 7. تنظیم آیکون فلش */
.gravity-neon-accordion .elementor-accordion-icon,
.gravity-neon-accordion .e-n-accordion-icon {
    color: #64748b !important;
    transition: 0.3s !important;
}

/* آیکون در حالت فعال */
.gravity-neon-accordion .elementor-active .elementor-accordion-icon,
.gravity-neon-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-icon {
    color: #06b6d4 !important; /* فیروزه‌ای */
    transform: rotate(180deg);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57cda433 *//* تعریف انیمیشن حرکت نور */
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* استایل اختصاصی عنوان */
.notif-gradient-text {
    /* تنظیمات فونت */

    /* ایجاد گرادینت متنی */
    color: transparent !important; /* رنگ متن باید شفاف باشد */
    background-image: linear-gradient(90deg, #06b6d4 0%, #8b5cf6 50%, #06b6d4 100%) !important;
    background-size: 200% auto; /* سایز بزرگتر برای حرکت انیمیشن */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* اعمال انیمیشن */
    animation: shimmer 2.5s linear infinite;
    
    /* شفافیت جزئی */
    opacity: 0.9;
}

/* اطمینان از اعمال شدن روی تگ داخلی المنتور */
.notif-gradient-text .elementor-heading-title {
    color: transparent !important;
    background-image: linear-gradient(90deg, #06b6d4 0%, #8b5cf6 50%, #06b6d4 100%) !important;
    background-size: 200% auto;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    animation: shimmer 2.5s linear infinite;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-40b3e1ca */.btn-atomic .elementor-button {
    /* پس‌زمینه گرادینت زنده */
    background: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 15px 40px !important;
    
    /* سایه نئونی */
    box-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.5);
    
    position: relative;
    overflow: hidden !important; /* برای افکت نور */
    transition: all 0.3s ease;
    z-index: 1;
}

/* افکت نور رد شونده (Shine) */
.btn-atomic .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        transparent, 
        rgba(255, 255, 255, 0.4), 
        transparent
    );
    transform: skewX(-20deg);
    animation: buttonShine 4s infinite;
}

/* هاور: دکمه بزرگ میشه و سایه شدید میشه */
.btn-atomic .elementor-button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 20px 40px -10px rgba(6, 182, 212, 0.6);
    filter: brightness(1.1);
}

@keyframes buttonShine {
    0% { left: -100%; }
    20% { left: 200%; } /* عبور سریع */
    100% { left: 200%; } /* مکث */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7618be80 */.elementor-325 .elementor-element.elementor-element-7618be80 {
    /* تنظیمات پس‌زمینه و رنگ */
    background-color: rgba(139, 92, 246, 0.1); /* رنگ بنفش با شفافیت 10% */
    border: 1px solid rgba(139, 92, 246, 0.2); /* حاشیه دور با شفافیت 20% */
    
    /* گرد کردن گوشه‌ها (حالت بیضی کامل) */
    border-radius: 50px; 
    
    /* افکت شیشه‌ای (تار کردن پس‌زمینه) */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* برای پشتیبانی سافاری */
    
    /* سایه نرم رنگی */
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.1);
    
    /* انیمیشن نرم برای تغییر حالت */
    transition: all 0.3s ease-in-out;
    cursor: default;
}

/* استایل هنگام قرار گرفتن موس (Hover) */
.elementor-325 .elementor-element.elementor-element-7618be80:hover {
    background-color: rgba(139, 92, 246, 0.2); /* پس‌زمینه کمی پررنگ‌تر می‌شود */
    border-color: rgba(139, 92, 246, 0.3); /* حاشیه مشخص‌تر می‌شود */
    box-shadow: 0 0 25px rgba(139, 92, 246, 0.25); /* درخشش سایه بیشتر می‌شود */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b69771 */.zhaket-liquid-logo {
    position: absolute;
    /* جایگذاری در گوشه */
    bottom: -30px; 
    left: -20px;
    opacity: 30%;
    
    /* سایز بزرگ */
    width: 350px;
    height: 350px;
    
    /* 1. تعریف ماسک (شکل لوگو) */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M17.9969 2.93601C17.9953 2.54317 17.9142 2.15478 17.7587 1.79446C17.4555 1.08475 16.8862 0.524138 16.1746 0.234464C15.8327 0.0941858 15.4671 0.0218611 15.098 0.0214844L2.88576 0.0214844C2.49689 0.0273142 2.11343 0.114157 1.75956 0.276538C1.06336 0.584004 0.515944 1.15567 0.236363 1.8672C0.0973546 2.21184 0.0250832 2.58004 0.0234382 2.95199V15.0246C0.0231521 15.4356 0.105042 15.8425 0.264234 16.221C0.424025 16.601 0.663598 16.9418 0.966527 17.22L0.964583 17.2223C1.22979 17.4688 1.53814 17.6636 1.87397 17.7969C2.20884 17.9301 2.56557 17.9988 2.92563 17.9995H15.0993C15.8523 17.9987 16.5752 17.7017 17.1134 17.1717C17.3932 16.8966 17.6157 16.5683 17.7682 16.2059C17.9206 15.8434 17.9999 15.4541 18.0014 15.0605V2.93601H17.9969ZM2.92692 16.8237C2.49158 16.8237 2.07217 16.6589 1.75211 16.3619C1.35835 15.9985 1.19015 15.5112 1.19015 15.0246V2.95166C1.19131 2.67244 1.25794 2.39743 1.3846 2.149C1.40383 2.11203 1.42392 2.07583 1.44488 2.04039C1.46141 2.01331 1.47729 1.98657 1.49641 1.96048C1.50548 1.94645 1.51488 1.93275 1.52493 1.91906L1.54372 1.89362C1.56609 1.86296 1.59007 1.83295 1.61502 1.8036C1.63317 1.7824 1.65197 1.76152 1.67109 1.74097C1.68146 1.72989 1.69216 1.7188 1.7035 1.70836C2.03569 1.37405 2.50302 1.19564 2.88576 1.19564H5.34881V4.13104L8.39522 6.00121V4.63136L6.51228 3.47384V1.19564L12.5438 4.89294L4.18632 10.0162V14.8668L7.38083 16.8237H2.92692ZM12.6952 8.42389L7.27712 11.7438L5.43891 10.6176L12.6897 6.17277V8.42324L12.6952 8.42389ZM16.8354 15.0598C16.8368 15.5233 16.6567 15.9686 16.334 16.2992L16.3016 16.3319C15.9798 16.6481 15.5478 16.8251 15.098 16.825H12.6871V12.3404L11.5252 13.0527V17.9992L11.5061 17.9874L11.4614 17.96L10.0928 17.1176L10.0863 17.1136L5.34817 14.2109V11.9323L10.3618 15.0015V13.6316L8.39457 12.4284L13.8528 9.08469V4.32673L13.7015 4.23411L13.6619 4.20964L13.1554 3.89914L8.74588 1.19564H15.098C15.2723 1.19657 15.4456 1.22384 15.612 1.27653C15.6528 1.28925 15.6927 1.3036 15.7319 1.31926C15.7578 1.32969 15.7837 1.34078 15.8093 1.35187L15.8472 1.36981C15.8725 1.3822 15.8975 1.39492 15.9218 1.4083L15.9584 1.42884C16.0907 1.50577 16.2124 1.59961 16.3207 1.70803C16.3402 1.7276 16.3593 1.74782 16.3781 1.76837C16.3969 1.78892 16.4147 1.80947 16.4329 1.83099C16.4504 1.85219 16.4675 1.87405 16.4844 1.89622L16.509 1.92884C16.718 2.22204 16.8322 2.57291 16.836 2.93372L16.8354 15.0598Z'/%3E%3Cpath d='M1.66833 1.74062C1.64921 1.76117 1.63041 1.78205 1.61259 1.80325C1.63074 1.78205 1.64954 1.76117 1.66866 1.74062C1.67903 1.72953 1.68972 1.71844 1.70106 1.70801L1.66833 1.74062ZM1.38281 2.14897C1.40204 2.11201 1.42213 2.0758 1.44309 2.04036C1.42127 2.07602 1.40118 2.11222 1.38281 2.14897Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M17.9969 2.93601C17.9953 2.54317 17.9142 2.15478 17.7587 1.79446C17.4555 1.08475 16.8862 0.524138 16.1746 0.234464C15.8327 0.0941858 15.4671 0.0218611 15.098 0.0214844L2.88576 0.0214844C2.49689 0.0273142 2.11343 0.114157 1.75956 0.276538C1.06336 0.584004 0.515944 1.15567 0.236363 1.8672C0.0973546 2.21184 0.0250832 2.58004 0.0234382 2.95199V15.0246C0.0231521 15.4356 0.105042 15.8425 0.264234 16.221C0.424025 16.601 0.663598 16.9418 0.966527 17.22L0.964583 17.2223C1.22979 17.4688 1.53814 17.6636 1.87397 17.7969C2.20884 17.9301 2.56557 17.9988 2.92563 17.9995H15.0993C15.8523 17.9987 16.5752 17.7017 17.1134 17.1717C17.3932 16.8966 17.6157 16.5683 17.7682 16.2059C17.9206 15.8434 17.9999 15.4541 18.0014 15.0605V2.93601H17.9969ZM2.92692 16.8237C2.49158 16.8237 2.07217 16.6589 1.75211 16.3619C1.35835 15.9985 1.19015 15.5112 1.19015 15.0246V2.95166C1.19131 2.67244 1.25794 2.39743 1.3846 2.149C1.40383 2.11203 1.42392 2.07583 1.44488 2.04039C1.46141 2.01331 1.47729 1.98657 1.49641 1.96048C1.50548 1.94645 1.51488 1.93275 1.52493 1.91906L1.54372 1.89362C1.56609 1.86296 1.59007 1.83295 1.61502 1.8036C1.63317 1.7824 1.65197 1.76152 1.67109 1.74097C1.68146 1.72989 1.69216 1.7188 1.7035 1.70836C2.03569 1.37405 2.50302 1.19564 2.88576 1.19564H5.34881V4.13104L8.39522 6.00121V4.63136L6.51228 3.47384V1.19564L12.5438 4.89294L4.18632 10.0162V14.8668L7.38083 16.8237H2.92692ZM12.6952 8.42389L7.27712 11.7438L5.43891 10.6176L12.6897 6.17277V8.42324L12.6952 8.42389ZM16.8354 15.0598C16.8368 15.5233 16.6567 15.9686 16.334 16.2992L16.3016 16.3319C15.9798 16.6481 15.5478 16.8251 15.098 16.825H12.6871V12.3404L11.5252 13.0527V17.9992L11.5061 17.9874L11.4614 17.96L10.0928 17.1176L10.0863 17.1136L5.34817 14.2109V11.9323L10.3618 15.0015V13.6316L8.39457 12.4284L13.8528 9.08469V4.32673L13.7015 4.23411L13.6619 4.20964L13.1554 3.89914L8.74588 1.19564H15.098C15.2723 1.19657 15.4456 1.22384 15.612 1.27653C15.6528 1.28925 15.6927 1.3036 15.7319 1.31926C15.7578 1.32969 15.7837 1.34078 15.8093 1.35187L15.8472 1.36981C15.8725 1.3822 15.8975 1.39492 15.9218 1.4083L15.9584 1.42884C16.0907 1.50577 16.2124 1.59961 16.3207 1.70803C16.3402 1.7276 16.3593 1.74782 16.3781 1.76837C16.3969 1.78892 16.4147 1.80947 16.4329 1.83099C16.4504 1.85219 16.4675 1.87405 16.4844 1.89622L16.509 1.92884C16.718 2.22204 16.8322 2.57291 16.836 2.93372L16.8354 15.0598Z'/%3E%3Cpath d='M1.66833 1.74062C1.64921 1.76117 1.63041 1.78205 1.61259 1.80325C1.63074 1.78205 1.64954 1.76117 1.66866 1.74062C1.67903 1.72953 1.68972 1.71844 1.70106 1.70801L1.66833 1.74062ZM1.38281 2.14897C1.40204 2.11201 1.42213 2.0758 1.44309 2.04036C1.42127 2.07602 1.40118 2.11222 1.38281 2.14897Z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    /* 2. ایجاد انیمیشن مایع (Liquid Gradient) داخل لوگو */
    background: linear-gradient(
        45deg,
        rgba(139, 92, 246, 0.2), /* بنفش خیلی کمرنگ */
        rgba(139, 92, 246, 0.5), /* بنفش متوسط */
        rgba(6, 182, 212, 0.4),  /* فیروزه‌ای */
        rgba(139, 92, 246, 0.2)
    );
    background-size: 300% 300%;
    
    /* انیمیشن حرکت گرادینت داخل لوگو */
    animation: liquidFlow 8s ease infinite, logoFloat 12s ease-in-out infinite alternate;
    
    z-index: 1;
    pointer-events: none;
}

@keyframes liquidFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes logoFloat {
    0% { transform: rotate(10deg) translateY(0); }
    100% { transform: rotate(5deg) translateY(-20px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c32b49 */.footer-living-glass {
    position: relative;
    /* بک‌گراند روشن‌تر و شفاف‌تر */
    background: rgba(10, 5, 20, 0.6); 
    
    /* مات‌کنندگی قوی */
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    z-index: 10;
    
    /* پدینگ برای فضای کافی */
    padding-top: 60px;
    padding-bottom: 40px;
}

/* 1. خط نوری متحرک در لبه بالا (همان قبلی) */
.footer-living-glass::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #8b5cf6, #ffffff, #06b6d4, transparent);
    background-size: 200% auto;
    animation: horizonFlow 5s linear infinite;
    opacity: 1; /* پرنورتر */
    z-index: 5;
}

/* 2. انیمیشن محیطی داخل فوتر (مه رنگی متحرک) */
.footer-living-glass::after {
    content: "";
    position: absolute;
    inset: 0;
    
    /* دو منبع نور بزرگ که داخل فوتر میچرخند */
    background: 
        radial-gradient(circle at 20% 50%, rgba(139, 92, 246, 0.15), transparent 50%),
        radial-gradient(circle at 80% 50%, rgba(6, 182, 212, 0.15), transparent 50%);
        
    filter: blur(40px);
    z-index: -1;
    
    /* انیمیشن جابجایی نورها */
    animation: footerAmbience 10s infinite alternate ease-in-out;
}

@keyframes horizonFlow {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

@keyframes footerAmbience {
    0% { background-position: 0% 0%; opacity: 0.5; }
    100% { background-position: 100% 100%; opacity: 0.8; }
}/* End custom CSS */
/* Start custom CSS *//* 1. تنظیم رنگ پایه کل صفحه */
body {
    background-color: #090014 !important; /* رنگ بنفش خیلی تیره (تقریبا مشکی) */
    position: relative; /* برای لایه‌بندی */
    overflow-x: hidden; /* جلوگیری از اسکرول افقی */
}

/* 2. لایه متحرک شفق قطبی (Aurora) */
body::before {
    content: "";
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    
    /* گرادینت‌های رنگی متحرک (بنفش و فیروزه‌ای) */
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.15), transparent 40%),
        radial-gradient(circle at 0% 0%, rgba(6, 182, 212, 0.15), transparent 40%);
        
    background-size: 100% 100%;
    
    /* انیمیشن حرکت نرم */
    animation: auroraMove 15s ease infinite alternate;
    z-index: -1; /* زیر تمام محتوا */
    pointer-events: none; /* موس رو درگیر نکنه */
    filter: blur(60px); /* محو کردن شدید برای نرم شدن */
}

/* 3. تعریف انیمیشن حرکت */
@keyframes auroraMove {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(-10%, -10%) scale(1.1); }
}

/* 4. لایه نویز (دانه دانه شدن) برای حس لوکس */
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* پترن نویز با SVG */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    
    opacity: 0.4; /* شفافیت نویز */
    z-index: 0; /* روی بک‌گراند ولی زیر ویجت‌ها */
    pointer-events: none;
    mix-blend-mode: overlay; /* ترکیب با رنگ زیرین */
}

/* 5. پترن شبکه‌ای (Grid) خیلی محو */
.elementor-section-wrap::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: 
        linear-gradient(to right, rgba(139, 92, 246, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(139, 92, 246, 0.05) 1px, transparent 1px);
    background-size: 50px 50px; /* سایز خونه‌های شطرنجی */
    mask-image: radial-gradient(circle at center, black 40%, transparent 100%); /* محو شدن در گوشه‌ها */
    z-index: -1;
    pointer-events: none;
}

/* 1. رنگ پایه و شفق‌های ثابت (لایه زیرین) */
body {
    background-color: #090014 !important; /* رنگ بنفش تیره برند */
    background-image: 
        radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
        radial-gradient(at 50% 0%, hsla(270,90%,20%,1) 0, transparent 50%), 
        radial-gradient(at 100% 0%, hsla(200,90%,20%,1) 0, transparent 50%) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden; /* جلوگیری از اسکرول افقی */
}

/* 2. انیمیشن شفق قطبی متحرک (لایه وسط) */
body::before {
    content: "";
    position: fixed;
    top: -50%; 
    left: -50%;
    width: 200%;
    height: 200%;
    z-index: -1; /* پشت محتوا */
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.15), transparent 25%),
        radial-gradient(circle at 0% 0%, rgba(6, 182, 212, 0.15), transparent 25%);
    background-size: 100% 100%;
    filter: blur(60px);
    opacity: 0.6;
    animation: aurora-anim 15s ease infinite alternate;
    pointer-events: none; /* کلیک‌ها رد شوند */
}

/* 3. پترن شبکه (Grid) و نویز (لایه رویی) */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: 
        /* لایه گرید */
        linear-gradient(to right, rgba(139, 92, 246, 0.07) 1px, transparent 1px), 
        linear-gradient(to bottom, rgba(139, 92, 246, 0.07) 1px, transparent 1px),
        /* لایه نویز */
        url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    background-size: 50px 50px, auto; /* سایز گرید 50 پیکسل */
    background-position: center top;
}

/* تعریف انیمیشن */
@keyframes aurora-anim {
    0% { background-position: 50% 50%, 50% 50%; }
    100% { background-position: 350% 50%, 350% 50%; }
}

/* تنظیم عرض اسکرول بار */
::-webkit-scrollbar {
    width: 6px;
}

/* رنگ پس‌زمینه (مسیر) اسکرول بار */
::-webkit-scrollbar-track {
    background: #090014; 
}

/* رنگ و استایل خود نوار اسکرول */
::-webkit-scrollbar-thumb {
    background: #4c1d95; 
    border-radius: 10px;
}

/* رنگ نوار اسکرول وقتی موس روی آن می‌رود */
::-webkit-scrollbar-thumb:hover {
    background: #6d28d9; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'YekanBakh';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/YekanBakhFaNum-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'YekanBakh';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/YekanBakhFaNum-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'YekanBakh';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/YekanBakhFaNum-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'YekanBakh';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/YekanBakhFaNum-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'YekanBakh';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'morabaa';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/Morabba_FaNum-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'morabaa';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/Morabba_FaNum-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'morabaa';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://imei.mywptheme.ir/wp-content/uploads/2026/01/Morabba_FaNum-Heavy.woff2') format('woff2');
}
/* End Custom Fonts CSS */