.elementor-17 .elementor-element.elementor-element-f3cbb7d{--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:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-9c67dc4{--display:flex;--min-height:800px;--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:80px 0px;--row-gap:80px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-end;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-17 .elementor-element.elementor-element-9c67dc4:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9c67dc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drsalavatii.com/ar/wp-content/uploads/2026/07/image2-rotated.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-290807c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-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-17 .elementor-element.elementor-element-ccbc783 .elementor-icon-list-icon i{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-ccbc783 .elementor-icon-list-icon svg{fill:var( --e-global-color-70d1155 );transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-ccbc783{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-ccbc783 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-ccbc783 .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-ccbc783 .elementor-icon-list-text{color:var( --e-global-color-305f8c4 );transition:color 0.3s;}.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-17 .elementor-element.elementor-element-a79d13f .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:60px;font-weight:500;line-height:1.6em;color:var( --e-global-color-305f8c4 );}.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-17 .elementor-element.elementor-element-ac4aea0 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-17 .elementor-element.elementor-element-ef56e21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-2bf09b2 );--border-color:var( --e-global-color-2bf09b2 );--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-33fa7aa{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-33fa7aa .elementor-icon-box-wrapper{text-align:start;gap:25px;}.elementor-17 .elementor-element.elementor-element-33fa7aa .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-33fa7aa .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;color:#FFFEF6;}.elementor-17 .elementor-element.elementor-element-c921cc1{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-c921cc1 .elementor-icon-box-wrapper{text-align:start;gap:25px;}.elementor-17 .elementor-element.elementor-element-c921cc1 .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-c921cc1 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;color:#FFFEF6;}.elementor-17 .elementor-element.elementor-element-b6f34de{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-b6f34de .elementor-icon-box-wrapper{text-align:start;gap:25px;}.elementor-17 .elementor-element.elementor-element-b6f34de .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-b6f34de .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;color:#FFFEF6;}.elementor-17 .elementor-element.elementor-element-5153010{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-5153010 .elementor-icon-box-wrapper{text-align:start;gap:25px;}.elementor-17 .elementor-element.elementor-element-5153010 .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-5153010 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;color:#FFFEF6;}.elementor-17 .elementor-element.elementor-element-016795f{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-016795f .elementor-icon-box-wrapper{text-align:start;gap:25px;}.elementor-17 .elementor-element.elementor-element-016795f .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-016795f .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;color:#FFFEF6;}.elementor-17 .elementor-element.elementor-element-1fc71c8{--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:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-1cc35c7{--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-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-c34fa2a{--display:flex;--position:absolute;--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:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;top:1%;--z-index:5;}.elementor-17 .elementor-element.elementor-element-c34fa2a:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-c34fa2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8b179d0 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-c34fa2a{left:2%;}body.rtl .elementor-17 .elementor-element.elementor-element-c34fa2a{right:2%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-fbe7d47{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-fbe7d47 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-fbe7d47.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-fbe7d47.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-fbe7d47.elementor-view-default .elementor-icon{color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-fbe7d47.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-fbe7d47.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-fbe7d47 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-fbe7d47 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-9d5d780{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-9d5d780 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-9d5d780.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-9d5d780.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9d5d780.elementor-view-default .elementor-icon{color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-9d5d780.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9d5d780.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-9d5d780 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-9d5d780 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-25d7ed8{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-25d7ed8 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-25d7ed8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-25d7ed8.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-25d7ed8.elementor-view-default .elementor-icon{color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-25d7ed8.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-25d7ed8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-25d7ed8 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-25d7ed8 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-165aca9{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-165aca9 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-165aca9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-165aca9.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-165aca9.elementor-view-default .elementor-icon{color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-165aca9.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-165aca9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-165aca9 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-165aca9 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-d997f77{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-d997f77 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-d997f77.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-d997f77.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-d997f77.elementor-view-default .elementor-icon{color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-d997f77.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-d997f77.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-d997f77 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-d997f77 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-6cce522{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-6cce522 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-7f44bc7 );}.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-17 .elementor-element.elementor-element-4fe00ef{width:var( --container-widget-width, 11% );max-width:11%;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-4fe00ef img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-17 .elementor-element.elementor-element-235b9e0{width:var( --container-widget-width, 11% );max-width:11%;margin:0px -15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-235b9e0 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-17 .elementor-element.elementor-element-7608193{width:var( --container-widget-width, 11% );max-width:11%;margin:0px -15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-7608193 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-17 .elementor-element.elementor-element-1bfa422{width:var( --container-widget-width, 11% );max-width:11%;margin:0px -15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-1bfa422 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-17 .elementor-element.elementor-element-04fa294{width:var( --container-widget-width, 11% );max-width:11%;background-color:var( --e-global-color-70d1155 );margin:0px -15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;--container-widget-width:11%;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;text-align:center;}.elementor-17 .elementor-element.elementor-element-04fa294.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-04fa294 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-weight:500;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-c528b31{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-c528b31.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-c528b31 img{width:100%;height:505px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-7e6e6f1{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-7e6e6f1 img{width:100%;}.elementor-17 .elementor-element.elementor-element-9a8e1ed{--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;--gap:20px 10px;--row-gap:20px;--column-gap:10px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-98d58b6{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-98d58b6 .elementor-icon-list-icon i{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-98d58b6 .elementor-icon-list-icon svg{fill:var( --e-global-color-70d1155 );transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-98d58b6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-98d58b6 .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-98d58b6 .elementor-icon-list-text{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-587df2a{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-587df2a .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-7f44bc7 );}.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-17 .elementor-element.elementor-element-ebcb6f6{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-a58bc35 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-f7c4678{--divider-border-style:solid;--divider-color:var( --e-global-color-24989b9 );--divider-border-width:1px;}.elementor-17 .elementor-element.elementor-element-f7c4678 .elementor-divider-separator{width:100%;}.elementor-17 .elementor-element.elementor-element-f7c4678 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-17 .elementor-element.elementor-element-4ecc884{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-4ecc884 .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-4ecc884 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-4ecc884 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-4ecc884 .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-4ecc884 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-a58bc35 );}.elementor-17 .elementor-element.elementor-element-d380798{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-d9552fe .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-icon i{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-icon svg{fill:var( --e-global-color-70d1155 );transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-d586318{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-d586318 .elementor-icon-list-text{color:var( --e-global-color-a58bc35 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-d52be51{--divider-border-style:solid;--divider-color:var( --e-global-color-24989b9 );--divider-border-width:1px;}.elementor-17 .elementor-element.elementor-element-d52be51 .elementor-divider-separator{width:100%;}.elementor-17 .elementor-element.elementor-element-d52be51 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-17 .elementor-element.elementor-element-eef3ec6{--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:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-4463ddb{--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;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-17 .elementor-element.elementor-element-4463ddb:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-4463ddb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-e0ea7ff{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-e0ea7ff .elementor-icon-list-icon i{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-e0ea7ff .elementor-icon-list-icon svg{fill:var( --e-global-color-70d1155 );transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-e0ea7ff .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-e0ea7ff .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-e0ea7ff .elementor-icon-list-text{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-020661a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-020661a .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:#383D5A;}.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-9c23ea5{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-9c23ea5.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-17 .elementor-element.elementor-element-d4b83ad{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-d4b83ad:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-d4b83ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-d3d2c8c{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-d3d2c8c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-d3d2c8c .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-d3d2c8c .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-d3d2c8c .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-d3d2c8c .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-d3d2c8c .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-4affffa img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-583f7b4{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-583f7b4:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-583f7b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-15b3b9d{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-15b3b9d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-15b3b9d .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-15b3b9d .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-15b3b9d .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-15b3b9d .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-15b3b9d .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-94f8f24 img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-a240f40{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-a240f40:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-a240f40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-2d53f28{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-2d53f28 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-2d53f28 .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-2d53f28 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-2d53f28 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-2d53f28 .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-2d53f28 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-e8e2715 img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-adb4bbf{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-adb4bbf:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-adb4bbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-2cb43f7{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-2cb43f7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-2cb43f7 .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-2cb43f7 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-2cb43f7 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-2cb43f7 .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-2cb43f7 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-0a758ce img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-6ae8ce9{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-6ae8ce9:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-6ae8ce9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-7aa175a{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-7aa175a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-7aa175a .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-7aa175a .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-7aa175a .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-7aa175a .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-7aa175a .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-d7f7c98 img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-9c72d17{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-9c72d17:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9c72d17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-4af375c{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-4af375c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-4af375c .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-4af375c .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-4af375c .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:18px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-4af375c .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-4af375c .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-6c70329 img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-3cdf783{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-3cdf783:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-3cdf783 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-b312a1d{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-b312a1d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-b312a1d .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-b312a1d .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-b312a1d .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-b312a1d .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-b312a1d .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-9105490 img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-a47805f{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-a47805f:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-a47805f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-a287bef{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-a287bef .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-a287bef .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-a287bef .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-a287bef .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-a287bef .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-a287bef .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-fce77bb img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-b19e780{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-b19e780:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-b19e780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-e857844{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-e857844 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-e857844 .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-e857844 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-e857844 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-e857844 .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-e857844 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-429a67a img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-dfc372c{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-dfc372c:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-dfc372c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-c93abdd{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-c93abdd .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-c93abdd .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-c93abdd .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-c93abdd .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-c93abdd .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-c93abdd .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-8a17923 img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-2c4d9f0{--display:flex;--min-height:0px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-24989b9 );--border-color:var( --e-global-color-24989b9 );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-2c4d9f0:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2c4d9f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-fea333d{width:100%;max-width:100%;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-fea333d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-fea333d .elementor-icon{font-size:70px;}.elementor-17 .elementor-element.elementor-element-fea333d .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-fea333d .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-fea333d .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-fea333d .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-4c2886b img{border-radius:0px 0px 20px 20px;}.elementor-17 .elementor-element.elementor-element-ab45051{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-offset-size:80px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-spacing:30px;}.elementor-17 .elementor-element.elementor-element-bb898ae{--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;--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-a1ecf1f{--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;--gap:20px 10px;--row-gap:20px;--column-gap:10px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-0efefcf{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-0efefcf .elementor-icon-list-icon i{color:#66B49C;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-0efefcf .elementor-icon-list-icon svg{fill:#66B49C;transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-0efefcf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-0efefcf .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-0efefcf .elementor-icon-list-text{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-aa30627{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-aa30627 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-17 .elementor-element.elementor-element-66bcae7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-6e09a89{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-6e09a89.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-6e09a89 img{width:100%;height:505px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-9bc41d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-8c10f68{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-a58bc35 );}.elementor-17 .elementor-element.elementor-element-29666b3{width:var( --container-widget-width, 47% );max-width:47%;background-color:var( --e-global-color-7f44bc7 );padding:20px 20px 20px 20px;--container-widget-width:47%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-29666b3.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-29666b3 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-29666b3.elementor-view-stacked .elementor-icon{background-color:#FFFEF6;}.elementor-17 .elementor-element.elementor-element-29666b3.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-29666b3.elementor-view-default .elementor-icon{fill:#FFFEF6;color:#FFFEF6;border-color:#FFFEF6;}.elementor-17 .elementor-element.elementor-element-29666b3 .elementor-icon{font-size:40px;}.elementor-17 .elementor-element.elementor-element-29666b3 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-db67888{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-eaf1199{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-eaf1199.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-eaf1199 img{width:100%;height:505px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-ef02fde{--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-evenly;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-b3942bb{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-b3942bb.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-b3942bb img{width:100%;height:505px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-ae3d9e2{--display:flex;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-eb66450.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-eb66450.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-eb66450.elementor-view-default .elementor-icon{fill:var( --e-global-color-70d1155 );color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-efe6425{padding:25px 0px 25px 0px;border-style:solid;border-width:1px 0px 1px 0px;border-color:var( --e-global-color-24989b9 );}.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-efe6425.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-efe6425.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-efe6425.elementor-view-default .elementor-icon{fill:var( --e-global-color-70d1155 );color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-06108b8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-06108b8.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-06108b8.elementor-view-default .elementor-icon{fill:var( --e-global-color-70d1155 );color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-05f272c{--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:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-ed4630d{--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;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-17 .elementor-element.elementor-element-ed4630d:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-ed4630d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-88ddf8b{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-88ddf8b .elementor-icon-list-icon i{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-88ddf8b .elementor-icon-list-icon svg{fill:var( --e-global-color-70d1155 );transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-88ddf8b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-88ddf8b .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-88ddf8b .elementor-icon-list-text{color:var( --e-global-color-305f8c4 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-d74e418{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-d74e418 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-422c65b{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-a4a4063{--display:flex;--justify-content:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-fed1de2 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-fed1de2 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-fed1de2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-fed1de2.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-fed1de2.elementor-view-default .elementor-icon{fill:var( --e-global-color-70d1155 );color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-fed1de2 .elementor-icon{font-size:40px;}.elementor-17 .elementor-element.elementor-element-fed1de2 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-fed1de2 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-fed1de2 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-e73c182 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-e73c182 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-e73c182.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-e73c182.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-e73c182.elementor-view-default .elementor-icon{fill:var( --e-global-color-70d1155 );color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-e73c182 .elementor-icon{font-size:40px;}.elementor-17 .elementor-element.elementor-element-e73c182 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-e73c182 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-e73c182 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-bd8e341 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-17 .elementor-element.elementor-element-bd8e341 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-bd8e341.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-bd8e341.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-bd8e341.elementor-view-default .elementor-icon{fill:var( --e-global-color-70d1155 );color:var( --e-global-color-70d1155 );border-color:var( --e-global-color-70d1155 );}.elementor-17 .elementor-element.elementor-element-bd8e341 .elementor-icon{font-size:40px;}.elementor-17 .elementor-element.elementor-element-bd8e341 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-bd8e341 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-bd8e341 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-163f01b{width:var( --container-widget-width, 68% );max-width:68%;margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:68%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-163f01b.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-163f01b img{width:100%;height:505px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-004d08a{--display:flex;--position:absolute;--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:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;top:35%;--z-index:2;}.elementor-17 .elementor-element.elementor-element-004d08a:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-004d08a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-70d1155 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-004d08a{right:10%;}body.rtl .elementor-17 .elementor-element.elementor-element-004d08a{left:10%;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-17 .elementor-element.elementor-element-d86eb90{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-2bf09b2 );}.elementor-17 .elementor-element.elementor-element-d86eb90 .elementor-counter{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-d86eb90 .elementor-counter-title{justify-content:start;color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-d86eb90 .elementor-counter-number-wrapper{color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-8219241{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-8219241 .elementor-counter{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-8219241 .elementor-counter-title{justify-content:start;color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-8219241 .elementor-counter-number-wrapper{color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-1631125{--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;--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-2d155c3{--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;--gap:20px 10px;--row-gap:20px;--column-gap:10px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-34ad72b{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-34ad72b .elementor-icon-list-icon i{color:#66B49C;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-34ad72b .elementor-icon-list-icon svg{fill:#66B49C;transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-34ad72b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-34ad72b .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-34ad72b .elementor-icon-list-text{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-478bd48{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-478bd48 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-0354e91{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-a58bc35 );}.elementor-17 .elementor-element.elementor-element-9d284bc{--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-6cdbedc{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-6cdbedc.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-6cdbedc img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-f28a4e3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-100px;}.elementor-17 .elementor-element.elementor-element-5f3b422{--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;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-17 .elementor-element.elementor-element-5f3b422:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-5f3b422 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-5981ff5{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-5981ff5 .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-5981ff5 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-5981ff5 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-5981ff5 .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-5981ff5 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:500;fill:#66B49C;color:#66B49C;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17 .elementor-element.elementor-element-8fe4cf8{--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;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-17 .elementor-element.elementor-element-8fe4cf8:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-8fe4cf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-8b22da6{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-8b22da6 .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-8b22da6 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-8b22da6 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-8b22da6 .elementor-icon-box-title{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-8b22da6 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;}.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:500;fill:#66B49C;color:#66B49C;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17 .elementor-element.elementor-element-c78ada6{--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:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-1e00b96{--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;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-17 .elementor-element.elementor-element-1e00b96:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-1e00b96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-2213e92{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-2213e92 .elementor-icon-list-icon i{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-2213e92 .elementor-icon-list-icon svg{fill:var( --e-global-color-70d1155 );transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-2213e92 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-2213e92 .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-2213e92 .elementor-icon-list-text{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-46bb7c6{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-46bb7c6 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-a293d45.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-17 .elementor-element.elementor-element-696e38d{--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;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-9a5503b .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17 .elementor-element.elementor-element-9a5503b .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-a58bc35 );}.elementor-17 .elementor-element.elementor-element-9a5503b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );fill:var( --e-global-color-7f44bc7 );color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-9a5503b.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9a5503b.elementor-view-default .elementor-icon{fill:var( --e-global-color-8b179d0 );color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-9a5503b.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-9a5503b .elementor-icon{font-size:25px;}.elementor-17 .elementor-element.elementor-element-9a5503b .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-9a5503b .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:16px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-9a5503b .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-weight:400;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-c3b5c30 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-17 .elementor-element.elementor-element-c3b5c30 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-a58bc35 );}.elementor-17 .elementor-element.elementor-element-c3b5c30.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );fill:var( --e-global-color-7f44bc7 );color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-c3b5c30.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-c3b5c30.elementor-view-default .elementor-icon{fill:var( --e-global-color-8b179d0 );color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-c3b5c30.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-c3b5c30 .elementor-icon{font-size:25px;}.elementor-17 .elementor-element.elementor-element-c3b5c30 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-c3b5c30 .elementor-icon-box-title a{font-family:"IranYekan", Sans-serif;font-size:16px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-c3b5c30 .elementor-icon-box-description{font-family:"IranYekan", Sans-serif;font-weight:400;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-e911eb0{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-17 .elementor-element.elementor-element-e911eb0 .elementor-social-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-e911eb0 .elementor-social-icon i{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-e911eb0 .elementor-social-icon svg{fill:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-e911eb0 .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-17 .elementor-element.elementor-element-fe26340{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-25dd101{background-color:var( --e-global-color-305f8c4 );--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17 .elementor-element.elementor-element-25dd101 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-25dd101 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17 .elementor-element.elementor-element-25dd101 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-type-html{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-group .elementor-field{color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-group .elementor-field, .elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-subgroup label{font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-8b179d0 );border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-8b179d0 );border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-button{font-family:"IranYekan", Sans-serif;font-weight:500;border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px;}.elementor-17 .elementor-element.elementor-element-25dd101 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-70d1155 );color:#ffffff;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-button[type="submit"]{background-color:var( --e-global-color-70d1155 );color:#ffffff;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-25dd101 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-25dd101 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-7f44bc7 );color:#ffffff;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-7f44bc7 );color:#ffffff;}.elementor-17 .elementor-element.elementor-element-25dd101 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-25dd101 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-4ad6d6a{--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;--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-5a270b0{--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;--gap:20px 10px;--row-gap:20px;--column-gap:10px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-6aadd03{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-6aadd03 .elementor-icon-list-icon i{color:#66B49C;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-6aadd03 .elementor-icon-list-icon svg{fill:#66B49C;transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-6aadd03 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-6aadd03 .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-6aadd03 .elementor-icon-list-text{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-957fec1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-957fec1 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-4f01502.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button .elementor-button-content-wrapper{gap:0px;}.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-17 .elementor-element.elementor-element-6af424c{--display:flex;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-17 .elementor-element.elementor-element-1c98807{--grid-columns:3;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-17 .elementor-element.elementor-element-c69da7f{--display:flex;}.elementor-17 .elementor-element.elementor-element-9be646f{--grid-columns:3;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-17 .elementor-element.elementor-element-27f956a{--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:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:var( --e-global-color-7f44bc7 );--n-tabs-title-color-active:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-27f956a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-27f956a.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-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-27f956a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17 .elementor-element.elementor-element-27f956a.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-70d1155 );}.elementor-17 .elementor-element.elementor-element-27f956a.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:"IranYekan", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-27f956a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-549ae4f{--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:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-0a3ef6e{--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;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-17 .elementor-element.elementor-element-0a3ef6e:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-0a3ef6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-70d1155 );background-image:url("https://drsalavatii.com/ar/wp-content/uploads/2026/07/testimonials-bg-shape.png");}.elementor-17 .elementor-element.elementor-element-035226d{--display:flex;}.elementor-17 .elementor-element.elementor-element-30e17ca{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-30e17ca .elementor-icon-list-icon i{color:var( --e-global-color-8b179d0 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-30e17ca .elementor-icon-list-icon svg{fill:var( --e-global-color-8b179d0 );transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-30e17ca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-30e17ca .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-30e17ca .elementor-icon-list-text{color:var( --e-global-color-305f8c4 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-388ec26{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-388ec26 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-17 .elementor-element.elementor-element-0fa85ef{--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:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-a2dfbae{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-a2dfbae .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-a2dfbae.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-a2dfbae.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-a2dfbae.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-a2dfbae.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-a2dfbae.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-a2dfbae .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-a2dfbae .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-0fef922{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-0fef922 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-0fef922.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-0fef922.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-0fef922.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-0fef922.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-0fef922.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-0fef922 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-0fef922 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-f7607f0{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-f7607f0 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-f7607f0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-f7607f0.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-f7607f0.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-f7607f0.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-f7607f0.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-f7607f0 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-f7607f0 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-ca6cdd7{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-ca6cdd7 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-ca6cdd7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ca6cdd7.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ca6cdd7.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ca6cdd7.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ca6cdd7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ca6cdd7 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-ca6cdd7 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-3bcd463{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-3bcd463 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-3bcd463.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-3bcd463.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-3bcd463.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-3bcd463.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-3bcd463.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-3bcd463 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-3bcd463 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-3966057{width:100%;max-width:100%;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-17 .elementor-element.elementor-element-d990eb2{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-d990eb2 .elementor-image-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-d990eb2.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-17 .elementor-element.elementor-element-d990eb2.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-17 .elementor-element.elementor-element-d990eb2.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-d990eb2 .elementor-image-box-title{margin-bottom:0px;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-d990eb2 .elementor-image-box-wrapper .elementor-image-box-img{width:10%;}.elementor-17 .elementor-element.elementor-element-d990eb2 .elementor-image-box-img img{border-radius:50px;transition-duration:0.3s;}.elementor-17 .elementor-element.elementor-element-d990eb2 .elementor-image-box-description{font-family:"IranYekan", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-8b179d0 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-dbcf11c{left:7%;}body.rtl .elementor-17 .elementor-element.elementor-element-dbcf11c{right:7%;}.elementor-17 .elementor-element.elementor-element-dbcf11c{top:90%;}.elementor-17 .elementor-element.elementor-element-dbcf11c .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-dbcf11c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-dbcf11c.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-dbcf11c.elementor-view-default .elementor-icon{color:var( --e-global-color-305f8c4 );border-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-dbcf11c.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-dbcf11c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-dbcf11c .elementor-icon{font-size:10px;}.elementor-17 .elementor-element.elementor-element-dbcf11c .elementor-icon svg{height:10px;}.elementor-17 .elementor-element.elementor-element-ba1354d{--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:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-ea8bec6{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-ea8bec6 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-ea8bec6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ea8bec6.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ea8bec6.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ea8bec6.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ea8bec6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ea8bec6 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-ea8bec6 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-9a41071{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-9a41071 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-9a41071.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-9a41071.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9a41071.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-9a41071.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9a41071.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-9a41071 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-9a41071 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-7237238{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-7237238 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-7237238.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-7237238.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-7237238.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-7237238.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-7237238.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-7237238 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-7237238 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-cbfc504{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-cbfc504 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-cbfc504.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-cbfc504.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-cbfc504.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-cbfc504.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-cbfc504.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-cbfc504 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-cbfc504 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-4055869{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-4055869 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-4055869.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-4055869.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-4055869.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-4055869.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-4055869.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-4055869 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-4055869 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-b47a725{width:100%;max-width:100%;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-800363d{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-800363d .elementor-image-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-800363d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-17 .elementor-element.elementor-element-800363d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-17 .elementor-element.elementor-element-800363d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-800363d .elementor-image-box-title{margin-bottom:0px;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-800363d .elementor-image-box-wrapper .elementor-image-box-img{width:10%;}.elementor-17 .elementor-element.elementor-element-800363d .elementor-image-box-img img{border-radius:50px;transition-duration:0.3s;}.elementor-17 .elementor-element.elementor-element-800363d .elementor-image-box-description{font-family:"IranYekan", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-8b179d0 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-fa43321{left:7%;}body.rtl .elementor-17 .elementor-element.elementor-element-fa43321{right:7%;}.elementor-17 .elementor-element.elementor-element-fa43321{top:86%;}.elementor-17 .elementor-element.elementor-element-fa43321 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-fa43321.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-fa43321.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-fa43321.elementor-view-default .elementor-icon{color:var( --e-global-color-305f8c4 );border-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-fa43321.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-fa43321.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-fa43321 .elementor-icon{font-size:10px;}.elementor-17 .elementor-element.elementor-element-fa43321 .elementor-icon svg{height:10px;}.elementor-17 .elementor-element.elementor-element-d95efa0{--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:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-9502609{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-9502609 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-9502609.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-9502609.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9502609.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-9502609.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9502609.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-9502609 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-9502609 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-b2998a8{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-b2998a8 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-b2998a8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-b2998a8.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-b2998a8.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-b2998a8.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-b2998a8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-b2998a8 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-b2998a8 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-ad6d981{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-ad6d981 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-ad6d981.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ad6d981.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ad6d981.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ad6d981.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ad6d981.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-ad6d981 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-ad6d981 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-422e695{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-422e695 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-422e695.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-422e695.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-422e695.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-422e695.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-422e695.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-422e695 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-422e695 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-858d4b6{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-858d4b6 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-858d4b6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-858d4b6.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-858d4b6.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-858d4b6.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-858d4b6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-858d4b6 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-858d4b6 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-8e88ac1{width:100%;max-width:100%;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-36383df{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-36383df .elementor-image-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-36383df.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-17 .elementor-element.elementor-element-36383df.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-17 .elementor-element.elementor-element-36383df.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-36383df .elementor-image-box-title{margin-bottom:0px;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-36383df .elementor-image-box-wrapper .elementor-image-box-img{width:10%;}.elementor-17 .elementor-element.elementor-element-36383df .elementor-image-box-img img{border-radius:50px;transition-duration:0.3s;}.elementor-17 .elementor-element.elementor-element-36383df .elementor-image-box-description{font-family:"IranYekan", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-8b179d0 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-9c5e186{left:7%;}body.rtl .elementor-17 .elementor-element.elementor-element-9c5e186{right:7%;}.elementor-17 .elementor-element.elementor-element-9c5e186{top:86%;}.elementor-17 .elementor-element.elementor-element-9c5e186 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-9c5e186.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-9c5e186.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9c5e186.elementor-view-default .elementor-icon{color:var( --e-global-color-305f8c4 );border-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-9c5e186.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-9c5e186.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-9c5e186 .elementor-icon{font-size:10px;}.elementor-17 .elementor-element.elementor-element-9c5e186 .elementor-icon svg{height:10px;}.elementor-17 .elementor-element.elementor-element-fc89cc8{--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:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-bc50db6{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-bc50db6 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-bc50db6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-bc50db6.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-bc50db6.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-bc50db6.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-bc50db6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-bc50db6 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-bc50db6 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-034739f{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-034739f .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-034739f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-034739f.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-034739f.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-034739f.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-034739f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-034739f .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-034739f .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-8df5172{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-8df5172 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-8df5172.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-8df5172.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-8df5172.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-8df5172.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-8df5172.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-8df5172 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-8df5172 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-7259839{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-7259839 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-7259839.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-7259839.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-7259839.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-7259839.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-7259839.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-7259839 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-7259839 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-59b84fa{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-59b84fa .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-59b84fa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-59b84fa.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-59b84fa.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-59b84fa.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-59b84fa.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-59b84fa .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-59b84fa .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-47e2619{width:100%;max-width:100%;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-78fb0ef{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-78fb0ef .elementor-image-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-78fb0ef.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-17 .elementor-element.elementor-element-78fb0ef.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-17 .elementor-element.elementor-element-78fb0ef.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-78fb0ef .elementor-image-box-title{margin-bottom:0px;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-78fb0ef .elementor-image-box-wrapper .elementor-image-box-img{width:10%;}.elementor-17 .elementor-element.elementor-element-78fb0ef .elementor-image-box-img img{border-radius:50px;transition-duration:0.3s;}.elementor-17 .elementor-element.elementor-element-78fb0ef .elementor-image-box-description{font-family:"IranYekan", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-8b179d0 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-6f62023{left:7%;}body.rtl .elementor-17 .elementor-element.elementor-element-6f62023{right:7%;}.elementor-17 .elementor-element.elementor-element-6f62023{top:86%;}.elementor-17 .elementor-element.elementor-element-6f62023 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-6f62023.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-6f62023.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-6f62023.elementor-view-default .elementor-icon{color:var( --e-global-color-305f8c4 );border-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-6f62023.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-6f62023.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-6f62023 .elementor-icon{font-size:10px;}.elementor-17 .elementor-element.elementor-element-6f62023 .elementor-icon svg{height:10px;}.elementor-17 .elementor-element.elementor-element-bffd3fe{--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:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-5dd54eb{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-5dd54eb .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-5dd54eb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-5dd54eb.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-5dd54eb.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-5dd54eb.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-5dd54eb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-5dd54eb .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-5dd54eb .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-a9ad622{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-a9ad622 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-a9ad622.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-a9ad622.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-a9ad622.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-a9ad622.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-a9ad622.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-a9ad622 .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-a9ad622 .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-92dbb1c{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-92dbb1c .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-92dbb1c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-92dbb1c.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-92dbb1c.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-92dbb1c.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-92dbb1c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-92dbb1c .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-92dbb1c .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-1a0645d{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-1a0645d .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-1a0645d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-1a0645d.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-1a0645d.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-1a0645d.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-1a0645d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-1a0645d .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-1a0645d .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-8bec09a{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-8bec09a .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-8bec09a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-8bec09a.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-8bec09a.elementor-view-default .elementor-icon{color:var( --e-global-color-8b179d0 );border-color:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-8bec09a.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-8bec09a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8b179d0 );}.elementor-17 .elementor-element.elementor-element-8bec09a .elementor-icon{font-size:15px;}.elementor-17 .elementor-element.elementor-element-8bec09a .elementor-icon svg{height:15px;}.elementor-17 .elementor-element.elementor-element-5e9573e{width:100%;max-width:100%;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;line-height:1.8em;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-3a5e96c{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-3a5e96c .elementor-image-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-3a5e96c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-17 .elementor-element.elementor-element-3a5e96c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-17 .elementor-element.elementor-element-3a5e96c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-3a5e96c .elementor-image-box-title{margin-bottom:0px;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-3a5e96c .elementor-image-box-wrapper .elementor-image-box-img{width:10%;}.elementor-17 .elementor-element.elementor-element-3a5e96c .elementor-image-box-img img{border-radius:50px;transition-duration:0.3s;}.elementor-17 .elementor-element.elementor-element-3a5e96c .elementor-image-box-description{font-family:"IranYekan", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-8b179d0 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-6af247a{left:7%;}body.rtl .elementor-17 .elementor-element.elementor-element-6af247a{right:7%;}.elementor-17 .elementor-element.elementor-element-6af247a{top:86%;}.elementor-17 .elementor-element.elementor-element-6af247a .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-6af247a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-6af247a.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-6af247a.elementor-view-default .elementor-icon{color:var( --e-global-color-305f8c4 );border-color:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-6af247a.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-6af247a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-305f8c4 );}.elementor-17 .elementor-element.elementor-element-6af247a .elementor-icon{font-size:10px;}.elementor-17 .elementor-element.elementor-element-6af247a .elementor-icon svg{height:10px;}.elementor-17 .elementor-element.elementor-element-aeb92d3{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-17 .elementor-element.elementor-element-e6a45f5{--divider-border-style:solid;--divider-color:var( --e-global-color-2bf09b2 );--divider-border-width:1px;}.elementor-17 .elementor-element.elementor-element-e6a45f5 .elementor-divider-separator{width:100%;}.elementor-17 .elementor-element.elementor-element-e6a45f5 .elementor-divider{padding-block-start:40px;padding-block-end:40px;}.elementor-17 .elementor-element.elementor-element-667bfd4{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-2bf09b2 );}.elementor-17 .elementor-element.elementor-element-667bfd4 .elementor-counter{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-667bfd4 .elementor-counter-title{justify-content:start;color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-667bfd4 .elementor-counter-number-wrapper{color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:50px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-131b091{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-2bf09b2 );}.elementor-17 .elementor-element.elementor-element-131b091 .elementor-counter{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-131b091 .elementor-counter-title{justify-content:start;color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-131b091 .elementor-counter-number-wrapper{color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:50px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-0a6a0b6{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-2bf09b2 );}.elementor-17 .elementor-element.elementor-element-0a6a0b6 .elementor-counter{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-0a6a0b6 .elementor-counter-title{justify-content:start;color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-0a6a0b6 .elementor-counter-number-wrapper{color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:50px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-9afcc15{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-2bf09b2 );}.elementor-17 .elementor-element.elementor-element-9afcc15 .elementor-counter{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-9afcc15 .elementor-counter-title{justify-content:start;color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-9afcc15 .elementor-counter-number-wrapper{color:var( --e-global-color-305f8c4 );font-family:"IranYekan", Sans-serif;font-size:50px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-6147956{--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;--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-29849b3{--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;--gap:20px 10px;--row-gap:20px;--column-gap:10px;--flex-wrap:wrap;}.elementor-17 .elementor-element.elementor-element-b4efd10{width:100%;max-width:100%;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-b4efd10 .elementor-icon-list-icon i{color:#66B49C;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-b4efd10 .elementor-icon-list-icon svg{fill:#66B49C;transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-b4efd10 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-b4efd10 .elementor-icon-list-item > a{font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-b4efd10 .elementor-icon-list-text{color:var( --e-global-color-70d1155 );transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-6aac58d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-6aac58d .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:35px;font-weight:500;line-height:1.6em;color:var( --e-global-color-7f44bc7 );}.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button{background-color:#61CE7000;font-family:"IranYekan", Sans-serif;font-size:14px;font-weight:400;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-565e552.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-17 .elementor-element.elementor-element-3d851e4{--grid-columns:4;--grid-row-gap:0px;width:100%;max-width:100%;--grid-column-gap:10px;}body.elementor-page-17:not(.elementor-motion-effects-element-type-background), body.elementor-page-17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305f8c4 );}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-f3cbb7d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-9c67dc4{--min-height:60vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--align-content:center;--padding-top:0px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-a79d13f .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-1fc71c8{--flex-wrap:wrap;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-1cc35c7{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-c34fa2a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-4fe00ef{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-17 .elementor-element.elementor-element-235b9e0{margin:0px -30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-17 .elementor-element.elementor-element-7608193{margin:0px -30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-17 .elementor-element.elementor-element-1bfa422{margin:0px -30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-17 .elementor-element.elementor-element-04fa294{margin:0px -30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:13px 0px 13px 0px;--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;}.elementor-17 .elementor-element.elementor-element-c528b31{--container-widget-width:43%;--container-widget-flex-grow:0;width:var( --container-widget-width, 43% );max-width:43%;}.elementor-17 .elementor-element.elementor-element-c528b31 img{height:500px;}.elementor-17 .elementor-element.elementor-element-587df2a .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-eef3ec6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-4463ddb{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-020661a .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-9c23ea5{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-17 .elementor-element.elementor-element-ab45051{--e-n-carousel-swiper-slides-to-display:2;}.elementor-17 .elementor-element.elementor-element-bb898ae{--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-aa30627 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-6e09a89{--container-widget-width:47%;--container-widget-flex-grow:0;width:var( --container-widget-width, 47% );max-width:47%;}.elementor-17 .elementor-element.elementor-element-6e09a89.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-9bc41d0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-29666b3{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-db67888{--container-widget-width:43%;--container-widget-flex-grow:0;width:var( --container-widget-width, 43% );max-width:43%;}.elementor-17 .elementor-element.elementor-element-eaf1199{width:auto;max-width:auto;}.elementor-17 .elementor-element.elementor-element-eaf1199 img{height:0px;}.elementor-17 .elementor-element.elementor-element-b3942bb{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-17 .elementor-element.elementor-element-05f272c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-ed4630d{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-d74e418 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-422c65b{--container-widget-width:46%;--container-widget-flex-grow:0;width:var( --container-widget-width, 46% );max-width:46%;}.elementor-17 .elementor-element.elementor-element-a4a4063{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-163f01b{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-004d08a{top:51%;}.elementor-17 .elementor-element.elementor-element-1631125{--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-478bd48 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-6cdbedc.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-5f3b422{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-5981ff5 .elementor-icon-box-title{margin-block-end:10px;}.elementor-17 .elementor-element.elementor-element-5981ff5 .elementor-icon-box-description{font-size:14px;}.elementor-17 .elementor-element.elementor-element-8fe4cf8{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-8b22da6 .elementor-icon-box-title{margin-block-end:10px;}.elementor-17 .elementor-element.elementor-element-8b22da6 .elementor-icon-box-description{font-size:14px;}.elementor-17 .elementor-element.elementor-element-c78ada6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-1e00b96{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-46bb7c6 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-4ad6d6a{--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-957fec1 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-1c98807{--grid-columns:2;}.elementor-17 .elementor-element.elementor-element-9be646f{--grid-columns:2;}.elementor-17 .elementor-element.elementor-element-549ae4f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-0a3ef6e{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-388ec26 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-aeb92d3{--e-n-carousel-swiper-slides-to-display:1;width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-e6a45f5 .elementor-divider{padding-block-start:20px;padding-block-end:20px;}.elementor-17 .elementor-element.elementor-element-667bfd4{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-17 .elementor-element.elementor-element-667bfd4 .elementor-counter-number-wrapper{font-size:40px;}.elementor-17 .elementor-element.elementor-element-131b091{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-17 .elementor-element.elementor-element-131b091 .elementor-counter-number-wrapper{font-size:40px;}.elementor-17 .elementor-element.elementor-element-0a6a0b6{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-17 .elementor-element.elementor-element-0a6a0b6 .elementor-counter-number-wrapper{font-size:40px;}.elementor-17 .elementor-element.elementor-element-9afcc15{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-17 .elementor-element.elementor-element-9afcc15 .elementor-counter-number-wrapper{font-size:40px;}.elementor-17 .elementor-element.elementor-element-6147956{--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-6aac58d .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-3d851e4{--grid-columns:2;--grid-row-gap:0px;--grid-column-gap:0px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-f3cbb7d{--margin-top:-184px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-9c67dc4:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9c67dc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drsalavatii.com/ar/wp-content/uploads/2026/07/image2-rotated.jpg");background-position:-395px 93px;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-9c67dc4{--min-height:100vh;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--align-content:flex-end;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-a79d13f .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-1fc71c8{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-1cc35c7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-c34fa2a{--width:70%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;top:9%;}.elementor-17 .elementor-element.elementor-element-c34fa2a.e-con{--order:1;}.elementor-17 .elementor-element.elementor-element-4fe00ef{--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;}.elementor-17 .elementor-element.elementor-element-4fe00ef.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-235b9e0{margin:0px -25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;}.elementor-17 .elementor-element.elementor-element-235b9e0.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-7608193{margin:0px -25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;}.elementor-17 .elementor-element.elementor-element-7608193.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-1bfa422{margin:0px -25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;}.elementor-17 .elementor-element.elementor-element-1bfa422.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-04fa294{margin:0px -25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 5px 0px;--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;}.elementor-17 .elementor-element.elementor-element-c528b31{width:var( --container-widget-width, 90% );max-width:90%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-c528b31.elementor-element{--order:3;}.elementor-17 .elementor-element.elementor-element-c528b31 img{height:260px;}.elementor-17 .elementor-element.elementor-element-7e6e6f1{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-17 .elementor-element.elementor-element-7e6e6f1.elementor-element{--order:2;}.elementor-17 .elementor-element.elementor-element-587df2a{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-587df2a .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-4ecc884{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-eef3ec6{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-4463ddb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-020661a{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-020661a .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-9c23ea5{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-d3d2c8c{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-15b3b9d{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-2d53f28{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-2cb43f7{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-7aa175a{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-4af375c{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-b312a1d{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-a287bef{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-e857844{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-c93abdd{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-fea333d{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-ab45051{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17 .elementor-element.elementor-element-bb898ae{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-aa30627{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-aa30627 .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-6e09a89{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-6e09a89 img{height:260px;}.elementor-17 .elementor-element.elementor-element-db67888{--container-widget-width:46%;--container-widget-flex-grow:0;width:var( --container-widget-width, 46% );max-width:46%;}.elementor-17 .elementor-element.elementor-element-b3942bb{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-b3942bb img{height:260px;}.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-wrapper{align-items:start;}.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-wrapper{align-items:start;}.elementor-17 .elementor-element.elementor-element-05f272c{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-ed4630d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-d74e418{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-d74e418 .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-422c65b{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-163f01b{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-163f01b img{height:260px;}.elementor-17 .elementor-element.elementor-element-004d08a{--width:60%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:68%;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-004d08a{right:15%;}body.rtl .elementor-17 .elementor-element.elementor-element-004d08a{left:15%;}.elementor-17 .elementor-element.elementor-element-d86eb90{width:100%;max-width:100%;border-width:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-d86eb90 .elementor-counter-title{font-size:16px;}.elementor-17 .elementor-element.elementor-element-8219241{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-8219241 .elementor-counter-title{font-size:16px;}.elementor-17 .elementor-element.elementor-element-1631125{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-17 .elementor-element.elementor-element-478bd48{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-478bd48 .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-0354e91{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-6cdbedc{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-f28a4e3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-c78ada6{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-1e00b96{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-46bb7c6{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-46bb7c6 .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-4ad6d6a{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-957fec1{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-957fec1 .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-6af424c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-1c98807{--grid-columns:1;}.elementor-17 .elementor-element.elementor-element-c69da7f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-9be646f{--grid-columns:1;}.elementor-17 .elementor-element.elementor-element-27f956a{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:13px;}.elementor-17 .elementor-element.elementor-element-549ae4f{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-0a3ef6e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-388ec26{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-388ec26 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-0fa85ef{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17 .elementor-element.elementor-element-d990eb2 .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-d990eb2 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-dbcf11c{left:14%;}body.rtl .elementor-17 .elementor-element.elementor-element-dbcf11c{right:14%;}.elementor-17 .elementor-element.elementor-element-dbcf11c{top:80%;}.elementor-17 .elementor-element.elementor-element-ba1354d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17 .elementor-element.elementor-element-800363d .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-800363d .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-fa43321{left:14%;}body.rtl .elementor-17 .elementor-element.elementor-element-fa43321{right:14%;}.elementor-17 .elementor-element.elementor-element-fa43321{top:78%;}.elementor-17 .elementor-element.elementor-element-d95efa0{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17 .elementor-element.elementor-element-36383df .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-36383df .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-9c5e186{left:14%;}body.rtl .elementor-17 .elementor-element.elementor-element-9c5e186{right:14%;}.elementor-17 .elementor-element.elementor-element-9c5e186{top:80%;}.elementor-17 .elementor-element.elementor-element-fc89cc8{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17 .elementor-element.elementor-element-78fb0ef .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-78fb0ef .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-6f62023{left:14%;}body.rtl .elementor-17 .elementor-element.elementor-element-6f62023{right:14%;}.elementor-17 .elementor-element.elementor-element-6f62023{top:78%;}.elementor-17 .elementor-element.elementor-element-bffd3fe{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17 .elementor-element.elementor-element-3a5e96c .elementor-image-box-img{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-3a5e96c .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-6af247a{left:14%;}body.rtl .elementor-17 .elementor-element.elementor-element-6af247a{right:14%;}.elementor-17 .elementor-element.elementor-element-6af247a{top:76%;}.elementor-17 .elementor-element.elementor-element-aeb92d3{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17 .elementor-element.elementor-element-e6a45f5 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-17 .elementor-element.elementor-element-667bfd4{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-667bfd4 .elementor-counter-number-wrapper{font-size:28px;}.elementor-17 .elementor-element.elementor-element-667bfd4 .elementor-counter-title{font-size:15px;}.elementor-17 .elementor-element.elementor-element-131b091{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-131b091 .elementor-counter-number-wrapper{font-size:28px;}.elementor-17 .elementor-element.elementor-element-131b091 .elementor-counter-title{font-size:15px;}.elementor-17 .elementor-element.elementor-element-0a6a0b6{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-0a6a0b6 .elementor-counter-number-wrapper{font-size:28px;}.elementor-17 .elementor-element.elementor-element-0a6a0b6 .elementor-counter-title{font-size:15px;}.elementor-17 .elementor-element.elementor-element-9afcc15{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-9afcc15 .elementor-counter-number-wrapper{font-size:28px;}.elementor-17 .elementor-element.elementor-element-9afcc15 .elementor-counter-title{font-size:15px;}.elementor-17 .elementor-element.elementor-element-6147956{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-6aac58d{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-6aac58d .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-3d851e4{--grid-columns:1;--grid-row-gap:0px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-f3cbb7d{--width:100%;}.elementor-17 .elementor-element.elementor-element-9c67dc4{--width:100%;}.elementor-17 .elementor-element.elementor-element-290807c{--width:45%;}.elementor-17 .elementor-element.elementor-element-ef56e21{--width:100%;}.elementor-17 .elementor-element.elementor-element-1fc71c8{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-1cc35c7{--width:50%;}.elementor-17 .elementor-element.elementor-element-c34fa2a{--width:60%;}.elementor-17 .elementor-element.elementor-element-9a8e1ed{--width:50%;}.elementor-17 .elementor-element.elementor-element-d380798{--width:56%;}.elementor-17 .elementor-element.elementor-element-eef3ec6{--width:100%;}.elementor-17 .elementor-element.elementor-element-4463ddb{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-d4b83ad{--width:100%;}.elementor-17 .elementor-element.elementor-element-583f7b4{--width:100%;}.elementor-17 .elementor-element.elementor-element-a240f40{--width:100%;}.elementor-17 .elementor-element.elementor-element-adb4bbf{--width:100%;}.elementor-17 .elementor-element.elementor-element-6ae8ce9{--width:100%;}.elementor-17 .elementor-element.elementor-element-9c72d17{--width:100%;}.elementor-17 .elementor-element.elementor-element-3cdf783{--width:100%;}.elementor-17 .elementor-element.elementor-element-a47805f{--width:100%;}.elementor-17 .elementor-element.elementor-element-b19e780{--width:100%;}.elementor-17 .elementor-element.elementor-element-dfc372c{--width:100%;}.elementor-17 .elementor-element.elementor-element-2c4d9f0{--width:100%;}.elementor-17 .elementor-element.elementor-element-bb898ae{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-a1ecf1f{--width:100%;}.elementor-17 .elementor-element.elementor-element-66bcae7{--width:100%;}.elementor-17 .elementor-element.elementor-element-9bc41d0{--width:32%;}.elementor-17 .elementor-element.elementor-element-ef02fde{--width:100%;}.elementor-17 .elementor-element.elementor-element-ae3d9e2{--width:66%;}.elementor-17 .elementor-element.elementor-element-05f272c{--width:100%;}.elementor-17 .elementor-element.elementor-element-ed4630d{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-a4a4063{--width:30%;}.elementor-17 .elementor-element.elementor-element-004d08a{--width:30%;}.elementor-17 .elementor-element.elementor-element-1631125{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-2d155c3{--width:100%;}.elementor-17 .elementor-element.elementor-element-9d284bc{--width:100%;}.elementor-17 .elementor-element.elementor-element-f28a4e3{--width:43%;}.elementor-17 .elementor-element.elementor-element-5f3b422{--width:100%;}.elementor-17 .elementor-element.elementor-element-8fe4cf8{--width:100%;}.elementor-17 .elementor-element.elementor-element-c78ada6{--width:100%;}.elementor-17 .elementor-element.elementor-element-1e00b96{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-696e38d{--width:49%;}.elementor-17 .elementor-element.elementor-element-fe26340{--width:49%;}.elementor-17 .elementor-element.elementor-element-4ad6d6a{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-5a270b0{--width:100%;}.elementor-17 .elementor-element.elementor-element-549ae4f{--width:100%;}.elementor-17 .elementor-element.elementor-element-0a3ef6e{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-035226d{--width:45%;}.elementor-17 .elementor-element.elementor-element-6147956{--content-width:1500px;}.elementor-17 .elementor-element.elementor-element-29849b3{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-17 .elementor-element.elementor-element-290807c{--width:55%;}.elementor-17 .elementor-element.elementor-element-1cc35c7{--width:100%;}.elementor-17 .elementor-element.elementor-element-c34fa2a{--width:60%;}.elementor-17 .elementor-element.elementor-element-9a8e1ed{--width:100%;}.elementor-17 .elementor-element.elementor-element-d4b83ad{--width:100%;}.elementor-17 .elementor-element.elementor-element-583f7b4{--width:100%;}.elementor-17 .elementor-element.elementor-element-a240f40{--width:100%;}.elementor-17 .elementor-element.elementor-element-adb4bbf{--width:100%;}.elementor-17 .elementor-element.elementor-element-6ae8ce9{--width:100%;}.elementor-17 .elementor-element.elementor-element-9c72d17{--width:100%;}.elementor-17 .elementor-element.elementor-element-3cdf783{--width:100%;}.elementor-17 .elementor-element.elementor-element-a47805f{--width:100%;}.elementor-17 .elementor-element.elementor-element-b19e780{--width:100%;}.elementor-17 .elementor-element.elementor-element-dfc372c{--width:100%;}.elementor-17 .elementor-element.elementor-element-2c4d9f0{--width:100%;}.elementor-17 .elementor-element.elementor-element-9bc41d0{--width:49%;}.elementor-17 .elementor-element.elementor-element-ae3d9e2{--width:100%;}.elementor-17 .elementor-element.elementor-element-a4a4063{--width:100%;}.elementor-17 .elementor-element.elementor-element-004d08a{--width:70%;}.elementor-17 .elementor-element.elementor-element-f28a4e3{--width:56%;}.elementor-17 .elementor-element.elementor-element-5f3b422{--width:100%;}.elementor-17 .elementor-element.elementor-element-8fe4cf8{--width:100%;}.elementor-17 .elementor-element.elementor-element-696e38d{--width:100%;}.elementor-17 .elementor-element.elementor-element-fe26340{--width:100%;}.elementor-17 .elementor-element.elementor-element-035226d{--width:100%;}}/* Start custom CSS for icon-list, class: .elementor-element-ccbc783 *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-ccbc783 .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-ccbc783 svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ac4aea0 *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button-text {
    position: relative !important;
    background-color: #66B49C !important; /* رنگ بک‌گراند اصلی شما */
    color: #FFFEF6 !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #FFFEF6 !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button-icon {
    background-color: #FFFEF6 !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button-icon svg {
    fill: #383d5a !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button:hover .elementor-button-text {
    color: #383d5a !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-ac4aea0 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c67dc4 *//* ایجاد لایه روکش (Overlay) قرینه روی کانتینر شما */
.elementor-17 .elementor-element.elementor-element-9c67dc4::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* 🔄 تغییر زاویه گرادینت افقی از 270 به 90 درجه برای هدایت سایه به سمت راست */
    background: linear-gradient(180deg, rgba(56, 61, 90, 0) 46.93%, rgba(56, 61, 90, 0.9) 100.18%), 
                linear-gradient(90deg, rgba(56, 61, 90, 0) 43.56%, rgba(56, 61, 90, 0.9) 100%) !important;
                
    z-index: 1 !important; /* قرار گرفتن روی عکس/ویدیو و زیر متن‌ها */
    pointer-events: none !important;
}

/* هماهنگ کردن لایه متن‌ها تا زیر سایه دفن نشوند */
.elementor-17 .elementor-element.elementor-element-9c67dc4 > .elementor-widget-wrap,
.elementor-17 .elementor-element.elementor-element-9c67dc4 > .elementor-container,
.elementor-17 .elementor-element.elementor-element-9c67dc4 > .elementor-element {
    position: relative !important;
    z-index: 2 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c528b31 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-c528b31::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-c528b31:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-c528b31 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-c528b31 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-c528b31::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-c528b31:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e6e6f1 */.inverted {
	-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20200%22%3E%3Cpath%20d%3D%22M5%2C0H55A5%2C5%200%2C0%2C1%2060%2C5V55A5%2C5%200%2C0%2C0%2065%2C60H95A5%2C5%200%2C0%2C1%20100%2C65V195A5%2C5%200%2C0%2C1%2095%2C200H5A5%2C5%200%2C0%2C1%200%2C195V5A5%2C5%200%2C0%2C1%205%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
    	mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20200%22%3E%3Cpath%20d%3D%22M5%2C0H55A5%2C5%200%2C0%2C1%2060%2C5V55A5%2C5%200%2C0%2C0%2065%2C60H95A5%2C5%200%2C0%2C1%20100%2C65V195A5%2C5%200%2C0%2C1%2095%2C200H5A5%2C5%200%2C0%2C1%200%2C195V5A5%2C5%200%2C0%2C1%205%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
	width: 100px;
	background-color: #513D34;
	aspect-ratio: 1 / 1;
}


@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-7e6e6f1::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-7e6e6f1:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-98d58b6 *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-98d58b6 .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-98d58b6 svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be6f7e *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button-text {
    position: relative !important;
    background-color: #66B49C !important; /* رنگ بک‌گراند اصلی شما */
    color: #FFFEF6 !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #383D5A !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button-icon {
    background-color: #383D5A !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-0be6f7e .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e0ea7ff *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-e0ea7ff .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-e0ea7ff svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9c23ea5 *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button-text {
    position: relative !important;
    background-color: #66B49C !important; /* رنگ بک‌گراند اصلی شما */
    color: #FFFEF6 !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #FFFEF6 !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button-icon {
    background-color: #FFFEF6 !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button-icon svg {
    fill: #383d5a !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button:hover .elementor-button-text {
    color: #383d5a !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-9c23ea5 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4affffa */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4affffa img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4affffa:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94f8f24 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-94f8f24 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-94f8f24:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8e2715 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-e8e2715 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-e8e2715:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a758ce */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-0a758ce img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-0a758ce:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7f7c98 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-d7f7c98 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-d7f7c98:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c70329 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6c70329 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6c70329:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9105490 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-9105490 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-9105490:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fce77bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-fce77bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-fce77bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-429a67a */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-429a67a img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-429a67a:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a17923 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-8a17923 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-8a17923:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c2886b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-4c2886b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-4c2886b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ab45051 *//*برای پیجینیشن*/
.elementor-17 .elementor-element.elementor-element-ab45051 .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
    background-color: #383D5A !important;
    transition: all ease 0.5s;
}
.elementor-17 .elementor-element.elementor-element-ab45051 .swiper-pagination-bullet:hover{
    width: 10px !important;
    height: 10px !important;
    background-color: #383D5A !important;
    transition: all ease 0.5s;
}
.elementor-17 .elementor-element.elementor-element-ab45051 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 10px !important;
    height: 10px !important;
    background-color: #383D5A !important;
    transition: all ease 0.5s;
    transform: scale(1.5);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0efefcf *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-0efefcf .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-0efefcf svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02f04f8 *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button-text {
    position: relative !important;
    background-color: #66B49C !important; /* رنگ بک‌گراند اصلی شما */
    color: #FFFEF6 !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #383D5A !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button-icon {
    background-color: #383D5A !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-02f04f8 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e09a89 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6e09a89::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6e09a89:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6e09a89 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6e09a89 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6e09a89::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6e09a89:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-eaf1199 */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-eaf1199::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-eaf1199:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-eaf1199 {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-eaf1199 img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-eaf1199::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-eaf1199:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b3942bb */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-b3942bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-b3942bb:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-b3942bb {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-b3942bb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-b3942bb::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-b3942bb:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-eb66450 */@media only screen and (min-width: 600px){
    .elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-content{
    display: flex;
    justify-content: space-between;
}
.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-description{
    width: 53%;
    align-self: center;
}
.elementor-17 .elementor-element.elementor-element-eb66450 .elementor-icon-box-title{
    align-self: center;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-efe6425 */@media only screen and (min-width: 600px){
    .elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-content{
    display: flex;
    justify-content: space-between;
}
.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-description{
    width: 53%;
    align-self: center;
}
.elementor-17 .elementor-element.elementor-element-efe6425 .elementor-icon-box-title{
    align-self: center;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-06108b8 */@media only screen and (min-width: 600px){
    .elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-content{
    display: flex;
    justify-content: space-between;
}
.elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-description{
    width: 53%;
    align-self: center;
}
.elementor-17 .elementor-element.elementor-element-06108b8 .elementor-icon-box-title{
    align-self: center;
}
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-88ddf8b *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-88ddf8b .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-88ddf8b svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-163f01b */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-163f01b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-163f01b:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-163f01b {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-163f01b img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-163f01b::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-163f01b:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-d86eb90 */.elementor-17 .elementor-element.elementor-element-d86eb90 .elementor-counter-number-wrapper{
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-8219241 */.elementor-17 .elementor-element.elementor-element-8219241 .elementor-counter-number-wrapper{
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-004d08a *//* ==========================================
   اعمال انیمیشن رفت و برگشتی روی کانتینر
   ========================================== */
.container-scroll {
    /* 🔄 فعال‌سازی انیمیشن: زمان ۶ ثانیه (قابل تغییر) */
    animation: moveLeftRight 2s ease-in-out infinite alternate !important;
}

/* ==========================================
   🔑 فرمول انیمیشن چپ و راست (رفت و برگشت)
   ========================================== */
@keyframes moveLeftRight {
    0% {
        transform: translate3d(20px, 0, 0); /* نقطه شروع (کمی متمایل به راست) */
    }
    100% {
        transform: translate3d(-20px, 0, 0); /* نقطه پایان (کمی متمایل به چپ) */
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-34ad72b *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-34ad72b .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-34ad72b svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6cdbedc */@media only screen and (min-width: 992px) {

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6cdbedc::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6cdbedc:hover::before {
    height: 120% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
/* ==========================================
   ۱. آماده‌سازی باکس تصویر (مادر)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6cdbedc {
    position: relative !important;
    overflow: hidden !important; /* برای اینکه لایه‌ها از کادر عکس بیرون نزنند */
    display: block;
}

/* مطمئن شدن از اینکه خود عکس زیر لایه افکت می‌ماند */
.elementor-17 .elementor-element.elementor-element-6cdbedc img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* ==========================================
   ۲. استایل لایه فلاش قطری (کد مرتب‌شده شما)
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6cdbedc::before {
    content: '' !important;
    position: absolute !important;
    width: 200% !important; /* پهنای زیاد برای پوشش کامل قطرهای عکس */
    height: 0% !important;  /* در حالت عادی ارتفاع صفر است (دیده نمی‌شود) */
    left: 50% !important;
    top: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important; /* رنگ شیشه‌ای */
    
    /* انتقال به مرکز دقیق و چرخاندن ۴۵ درجه برای ایجاد جهت قطری */
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    
    /* ترنزیشن نرم برای آمدن و رفتن سریع افکت */
    transition: height 1s ease, opacity 1s ease !important;
}

/* ==========================================
   ۳. حالت هاور (Hover) - شلیک افکت از وسط به گوشه‌ها
   ========================================== */
.elementor-17 .elementor-element.elementor-element-6cdbedc:hover::before {
    height: 200% !important; /* ارتفاع به سرعت زیاد شده و از وسط به گوشه‌ها پهن می‌شود */
    opacity: 0 !important;   /* همزمان با باز شدن محو می‌شود تا روی عکس باقی نماند */
    
    /* تغییر ترنزیشن در حالت هاور برای ایجاد افکت آمدن و رفتن آنی */
    transition: height 1s cubic-bezier(0.25, 1, 0.2, 1), opacity 1s ease-in !important;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5981ff5 */.container-scroll-bg:hover .elementor-icon-box-title {
    color: #FFFEF6 !important; /* 🎨 رنگ متن در حالت هاور (مثلاً کرمی/سفید) */
}

/* ۲. نرم کردن افکت تغییر رنگ در حالت عادی */
.container-scroll-bg .elementor-icon-box-title {
    transition: color 0.4s ease !important;
}
.container-scroll-bg:hover .elementor-icon-box-description {
    color: #FFFEF6 !important; /* 🎨 رنگ متن در حالت هاور (مثلاً کرمی/سفید) */
}

/* ۲. نرم کردن افکت تغییر رنگ در حالت عادی */
.container-scroll-bg .elementor-icon-box-description {
    transition: color 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66c460b *//* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button-icon {
    background-color: #66B49C !important;
    padding: 10px !important;
    border-radius: 50px !important;
    margin-top: -10px;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */



/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}


/* ==========================================
   تغییرات دکمه هنگام هاور شدن کانتینر اصلی
   ========================================= */

/* ۱. تغییر بک‌گراند باکس آیکون دکمه */
.container-scroll-bg:hover .elementor-button-icon {
    background-color: #FFFEF6 !important; /* 🎨 تغییر رنگ بک‌گراند آیکون (مثلاً کرمی/سفید) */
}

/* ۲. تغییر رنگ خودِ آیکون SVG دکمه */
.container-scroll-bg:hover .elementor-button-icon svg {
    fill: #66B49C !important; /* 🎨 تغییر رنگ خود آیکون (مثلاً سبز کانتینر) */
    transform: rotate(-45deg) !important; /* 🔄 چرخش همزمان آیکون با هاور کانتینر */
}

/* ۳. اضافه کردن ترنزیشن به وضعیت عادی باکس آیکون برای نرم شدن تغییر رنگ */
.elementor-17 .elementor-element.elementor-element-66c460b .elementor-button-icon {
    transition: background-color 0.4s ease !important;
}
/* ==========================================
   تغییر رنگ متن دکمه هنگام هاور شدن کانتینر اصلی
   ========================================= */

/* ۱. تغییر رنگ متن دکمه با هاور کانتینر */
.container-scroll-bg:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 🎨 رنگ متن در حالت هاور (مثلاً کرمی/سفید) */
}

/* ۲. نرم کردن افکت تغییر رنگ در حالت عادی */
.container-scroll-bg .elementor-button-text {
    transition: color 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f3b422 *//* ==========================================
   ۱. تنظیمات کانتینر اصلی
   ========================================== */
.container-scroll-bg {
    overflow: hidden !important; /* برای اینکه لایه سبز قبل از هاور بیرون نزند */
    z-index: 1 !important;
    transition: color 0.4s ease !important;
}

/* ==========================================
   ۲. ساخت لایه سبز متحرک (پشت متن‌ها)
   ========================================== */
.container-scroll-bg::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #66B49C !important; /* 🎨 رنگ سبز کشویی */
    z-index: -1 !important; /* رفتن به پشت محتوای کانتینر */
    
    /* انتقال لایه به کاملاً پایین کانتینر */
    transform: translate3d(0, 100%, 0) !important; 
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* ==========================================
   ۳. وضعیت هاور (بالا آمدن کشویی رنگ سبز)
   ========================================== */
.container-scroll-bg:hover::before {
    /* بازگشت به جایگاه اصلی و پوشاندن بک‌گراند */
    transform: translate3d(0, 0, 0) !important; 
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b22da6 */.container-scroll-bg:hover .elementor-icon-box-title {
    color: #FFFEF6 !important; /* 🎨 رنگ متن در حالت هاور (مثلاً کرمی/سفید) */
}

/* ۲. نرم کردن افکت تغییر رنگ در حالت عادی */
.container-scroll-bg .elementor-icon-box-title {
    transition: color 0.4s ease !important;
}
.container-scroll-bg:hover .elementor-icon-box-description {
    color: #FFFEF6 !important; /* 🎨 رنگ متن در حالت هاور (مثلاً کرمی/سفید) */
}

/* ۲. نرم کردن افکت تغییر رنگ در حالت عادی */
.container-scroll-bg .elementor-icon-box-description {
    transition: color 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4260145 *//* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button-icon {
    background-color: #66B49C !important;
    padding: 10px !important;
    border-radius: 50px !important;
    margin-top: -10px;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */



/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}


/* ==========================================
   تغییرات دکمه هنگام هاور شدن کانتینر اصلی
   ========================================= */

/* ۱. تغییر بک‌گراند باکس آیکون دکمه */
.container-scroll-bg:hover .elementor-button-icon {
    background-color: #FFFEF6 !important; /* 🎨 تغییر رنگ بک‌گراند آیکون (مثلاً کرمی/سفید) */
}

/* ۲. تغییر رنگ خودِ آیکون SVG دکمه */
.container-scroll-bg:hover .elementor-button-icon svg {
    fill: #66B49C !important; /* 🎨 تغییر رنگ خود آیکون (مثلاً سبز کانتینر) */
    transform: rotate(-45deg) !important; /* 🔄 چرخش همزمان آیکون با هاور کانتینر */
}

/* ۳. اضافه کردن ترنزیشن به وضعیت عادی باکس آیکون برای نرم شدن تغییر رنگ */
.elementor-17 .elementor-element.elementor-element-4260145 .elementor-button-icon {
    transition: background-color 0.4s ease !important;
}
/* ==========================================
   تغییر رنگ متن دکمه هنگام هاور شدن کانتینر اصلی
   ========================================= */

/* ۱. تغییر رنگ متن دکمه با هاور کانتینر */
.container-scroll-bg:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 🎨 رنگ متن در حالت هاور (مثلاً کرمی/سفید) */
}

/* ۲. نرم کردن افکت تغییر رنگ در حالت عادی */
.container-scroll-bg .elementor-button-text {
    transition: color 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fe4cf8 *//* ==========================================
   ۱. تنظیمات کانتینر اصلی
   ========================================== */
.container-scroll-bg {
    overflow: hidden !important; /* برای اینکه لایه سبز قبل از هاور بیرون نزند */
    z-index: 1 !important;
    transition: color 0.4s ease !important;
}

/* ==========================================
   ۲. ساخت لایه سبز متحرک (پشت متن‌ها)
   ========================================== */
.container-scroll-bg::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #66B49C !important; /* 🎨 رنگ سبز کشویی */
    z-index: -1 !important; /* رفتن به پشت محتوای کانتینر */
    
    /* انتقال لایه به کاملاً پایین کانتینر */
    transform: translate3d(0, 100%, 0) !important; 
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* ==========================================
   ۳. وضعیت هاور (بالا آمدن کشویی رنگ سبز)
   ========================================== */
.container-scroll-bg:hover::before {
    /* بازگشت به جایگاه اصلی و پوشاندن بک‌گراند */
    transform: translate3d(0, 0, 0) !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-2213e92 *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-2213e92 .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-2213e92 svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a293d45 *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button-text {
    position: relative !important;
    background-color: #66B49C !important; /* رنگ بک‌گراند اصلی شما */
    color: #FFFEF6 !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #383D5A !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button-icon {
    background-color: #383D5A !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-a293d45 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6aadd03 *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-6aadd03 .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-6aadd03 svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4f01502 *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button-text {
    position: relative !important;
    background-color: #66B49C !important; /* رنگ بک‌گراند اصلی شما */
    color: #FFFEF6 !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #383D5A !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button-icon {
    background-color: #383D5A !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-4f01502 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-30e17ca *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-30e17ca .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-30e17ca svg path {
    fill: #F6F4DF !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dd36551 *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button-text {
    position: relative !important;
    background-color: #FFFEF6 !important; /* رنگ بک‌گراند اصلی شما */
    color: #383D5A !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #383D5A !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button-icon {
    background-color: #383D5A !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-dd36551 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-aeb92d3 */.elementor-17 .elementor-element.elementor-element-aeb92d3 .swiper-pagination {
    left: 20px !important;       /* 👈 چسباندن به سمت چپ (فاصله از لبه) */
    right: auto !important;
    width: auto !important;      /* خنثی کردن عرض ۱۰۰٪ پیش‌فرض */
    
    /* ⬆️ جابه‌جایی به سمت بالا */
    /* عدد دوم (-15px) را هرچقدر منفی‌تر کنی، پیجینیشن بیشتر بالا می‌رود */
    transform: translate3d(0, -15px, 0) !important; 
}

/*برای پیجینیشن*/
.elementor-17 .elementor-element.elementor-element-aeb92d3 .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
    background-color: #Fff !important;
    transition: all ease 0.5s;
}
.elementor-17 .elementor-element.elementor-element-aeb92d3 .swiper-pagination-bullet:hover{
    width: 10px !important;
    height: 10px !important;
    background-color: #Fff !important;
    transition: all ease 0.5s;
}
.elementor-17 .elementor-element.elementor-element-aeb92d3 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 10px !important;
    height: 10px !important;
    background-color: #Fff !important;
    transition: all ease 0.5s;
    transform: scale(1.5);
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-667bfd4 */.elementor-17 .elementor-element.elementor-element-667bfd4 .elementor-counter-number-wrapper{
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-131b091 */.elementor-17 .elementor-element.elementor-element-131b091 .elementor-counter-number-wrapper{
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-0a6a0b6 */.elementor-17 .elementor-element.elementor-element-0a6a0b6 .elementor-counter-number-wrapper{
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-9afcc15 */.elementor-17 .elementor-element.elementor-element-9afcc15 .elementor-counter-number-wrapper{
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b4efd10 *//* دسترسی به تمام لایه‌ها، خطوط و مسیرهای داخلی SVG */
.elementor-17 .elementor-element.elementor-element-b4efd10 .elementor-icon svg *,
.elementor-17 .elementor-element.elementor-element-b4efd10 svg path {
    fill: #66B49C !important; /* رنگ جدید پرکننده لایه‌ها */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-565e552 *//* ==========================================
   ۱. استایل‌های پایه و حالت عادی (Normal State)
   ========================================== */

/* باکس متن شما */
.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button-text {
    position: relative !important;
    background-color: #66B49C !important; /* رنگ بک‌گراند اصلی شما */
    color: #FFFEF6 !important; /* 👈 رنگ متن در حالت عادی (مثلاً روشن/سفید) */
    padding: 10px 40px !important;
    border-radius: 50px !important;
    overflow: hidden !important; /* برش زدن لایه‌ها در لبه‌های گرد */
    z-index: 1 !important;
    display: inline-block;
    
    /* ⚡ هماهنگی ترنزیشن رنگ متن با بک‌گراند (با همان شتاب و زمان) */
    transition: color 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* لایه رنگ دوم که از وسط باز می‌شود و به گوشه‌ها می‌رود */
.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button-text::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #383D5A !important; /* رنگ بک‌گراند جدید حالت هاور */
    border-radius: 50px !important;
    z-index: -1 !important; /* پشت حروف متن اما روی رنگ سبز قرار می‌گیرد */
    
    /* تنظیم شروع انیمیشن از مرکز دقیق متن */
    transform-origin: center center !important; 
    transform: scaleX(0) !important; /* در حالت عادی عرض صفر در وسط */
    
    /* منحنی شتاب شلاقی برای شلیک رنگ به گوشه‌ها */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

/* باکس آیکون شما */
.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button-icon {
    background-color: #383D5A !important;
    padding: 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* خود آیکون */
.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button-icon svg {
    fill: #FFFEF6 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================
   ۲. حالت هاور (Hover) - هماهنگی کامل تمام اِلمان‌ها
   ========================================== */

/* تغییر رنگ متن به تیره همزمان با لود شدن بک‌گراند */
.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button:hover .elementor-button-text {
    color: #FFFEF6 !important; /* 👈 رنگ جدید متن شما در حالت هاور */
}

/* باز شدن کامل بک‌گراند دوم از وسط به گوشه‌ها */
.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button:hover .elementor-button-text::before {
    transform: scaleX(1) !important;
}

/* چرخش ۴۵ درجه آیکون به سمت پایین */
.elementor-17 .elementor-element.elementor-element-565e552 .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-45deg) !important;
}/* End custom CSS */