.elementor-20592 .elementor-element.elementor-element-151cf765{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-770d2d0 );--border-color:var( --e-global-color-770d2d0 );--padding-top:1rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-4ebfb8{--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;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.625rem;--padding-right:0.625rem;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-20592 .elementor-element.elementor-element-3e7068ee img{width:auto;height:46px;object-fit:contain;object-position:center center;}.elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-20592 .elementor-element.elementor-element-607e416{--display:flex;}.elementor-20592 .elementor-element.elementor-element-821a665{--display:flex;}.elementor-20592 .elementor-element.elementor-element-ab4c769{--display:flex;}.elementor-20592 .elementor-element.elementor-element-4f34e37{--display:flex;}.elementor-20592 .elementor-element.elementor-element-c0897c3{--display:flex;}.elementor-20592 .elementor-element.elementor-element-219466f{--display:flex;}.elementor-20592 .elementor-element.elementor-element-269351f{--display:flex;}.elementor-20592 .elementor-element.elementor-element-cb0e1b0{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-20592 .elementor-element.elementor-element-cb0e1b0 {--n-menu-title-color-hover:var( --e-global-color-secondary );--n-menu-title-color-active:var( --e-global-color-secondary );}.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-20592 .elementor-element.elementor-element-746ae72a .elementor-icon-wrapper{text-align:center;}.elementor-20592 .elementor-element.elementor-element-746ae72a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-746ae72a.elementor-view-framed .elementor-icon, .elementor-20592 .elementor-element.elementor-element-746ae72a.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-746ae72a.elementor-view-framed .elementor-icon, .elementor-20592 .elementor-element.elementor-element-746ae72a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-746ae72a .elementor-icon{font-size:20px;}.elementor-20592 .elementor-element.elementor-element-746ae72a .elementor-icon svg{height:20px;}.elementor-20592 .elementor-element.elementor-element-6f039ca4{--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:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-20592 .elementor-element.elementor-element-67fb3c34 .elementor-button{background-color:var( --e-global-color-770d2d0 );font-size:16px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:4px 4px 4px 4px;padding:0.625rem 0.625rem 0.625rem 0.625rem;}.elementor-20592 .elementor-element.elementor-element-67fb3c34 .elementor-button:hover, .elementor-20592 .elementor-element.elementor-element-67fb3c34 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-770d2d0 );}.elementor-20592 .elementor-element.elementor-element-67fb3c34 .elementor-button:hover svg, .elementor-20592 .elementor-element.elementor-element-67fb3c34 .elementor-button:focus svg{fill:var( --e-global-color-770d2d0 );}.elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button{background-color:var( --e-global-color-770d2d0 );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:4px 4px 4px 4px;padding:0.6875rem 0.625rem 0.6875rem 0.625rem;}.elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button:hover, .elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-770d2d0 );}.elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button-content-wrapper{flex-direction:row;}.elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button:hover svg, .elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button:focus svg{fill:var( --e-global-color-770d2d0 );}.elementor-20592 .elementor-element.elementor-element-69d474c1 .elementor-button{font-size:16px;border-radius:4px 4px 4px 4px;padding:0.625rem 0.625rem 0.625rem 0.625rem;}.elementor-20592 .elementor-element.elementor-element-69d474c1 .elementor-button:hover, .elementor-20592 .elementor-element.elementor-element-69d474c1 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-20592 .elementor-element.elementor-element-69d474c1 .elementor-button:hover svg, .elementor-20592 .elementor-element.elementor-element-69d474c1 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20592 .elementor-element.elementor-element-f24d1f4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0.5rem;--padding-bottom:0.5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-f24d1f4:not(.elementor-motion-effects-element-type-background), .elementor-20592 .elementor-element.elementor-element-f24d1f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(161deg, var( --e-global-color-secondary ) 19%, #FCD600 97%);}.elementor-20592 .elementor-element.elementor-element-360f235{--display:flex;}.elementor-20592 .elementor-element.elementor-element-72628f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:0.3;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px -2px rgba(0, 0, 0, 0.24);--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20592 .elementor-element.elementor-element-72628f2:not(.elementor-motion-effects-element-type-background), .elementor-20592 .elementor-element.elementor-element-72628f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-770d2d0 );}.elementor-20592 .elementor-element.elementor-element-72628f2::before, .elementor-20592 .elementor-element.elementor-element-72628f2 > .elementor-background-video-container::before, .elementor-20592 .elementor-element.elementor-element-72628f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-20592 .elementor-element.elementor-element-72628f2 > .elementor-background-slideshow::before, .elementor-20592 .elementor-element.elementor-element-72628f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20592 .elementor-element.elementor-element-72628f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://platform.lentline.com/wp-content/uploads/2025/12/mega-menu-bg.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20592 .elementor-element.elementor-element-2441016{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20592 .elementor-element.elementor-element-2441016.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-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;}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-dc70a7e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-item > a{font-family:"danaFaNum", Sans-serif;font-size:16px;}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-9fd0627{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20592 .elementor-element.elementor-element-9fd0627.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-efaf6cb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-item > a{font-family:"danaFaNum", Sans-serif;font-size:16px;}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-ee59825{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20592 .elementor-element.elementor-element-ee59825.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-1b3b773{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-item > a{font-family:"danaFaNum", Sans-serif;font-size:16px;}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-bdf7d21{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20592 .elementor-element.elementor-element-bdf7d21.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-856bc7e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-item > a{font-family:"danaFaNum", Sans-serif;font-size:16px;}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-dd75cf7{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20592 .elementor-element.elementor-element-dd75cf7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-001c758{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-item > a{font-family:"danaFaNum", Sans-serif;font-size:16px;}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-d7525b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 0px;border-style:solid;border-width:0px 3px 0px 0px;border-color:var( --e-global-color-accent );}.elementor-20592 .elementor-element.elementor-element-d7525b0 .elementor-heading-title{font-family:"iranyekanwebbold_FaNum", Sans-serif;font-size:15px;font-weight:normal;color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-2a7e2fe{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-item > a{font-family:"danaFaNum", Sans-serif;font-size:16px;}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20592 .elementor-element.elementor-element-e6f7176{--display:flex;}.elementor-20592 .elementor-element.elementor-element-292729f{--display:flex;}.elementor-20592 .elementor-element.elementor-element-d1be78f{--display:flex;}.elementor-20592 .elementor-element.elementor-element-6882b6a{--display:flex;}.elementor-20592 .elementor-element.elementor-element-4d47471{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-primary );--n-menu-title-transition:300ms;--n-menu-icon-size:20px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-20592 .elementor-element.elementor-element-4d47471 {--n-menu-title-color-hover:var( --e-global-color-primary );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-20592 .elementor-element.elementor-element-1ffba0f .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-1ffba0f .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-20592 .elementor-element.elementor-element-1ffba0f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20592 .elementor-element.elementor-element-1ffba0f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-1ffba0f .elementor-icon-list-item > a{font-family:"danaFaNum", Sans-serif;font-size:16px;}.elementor-20592 .elementor-element.elementor-element-1ffba0f .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-20592 .elementor-element.elementor-element-31424de{--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:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button{background-color:var( --e-global-color-770d2d0 );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:4px 4px 4px 4px;padding:0.6875rem 0.625rem 0.6875rem 0.625rem;}.elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button:hover, .elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-770d2d0 );}.elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button:hover svg, .elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button:focus svg{fill:var( --e-global-color-770d2d0 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20592 .elementor-element.elementor-element-151cf765{--padding-top:0.875rem;--padding-bottom:0.875rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-4ebfb8{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-20592 .elementor-element.elementor-element-3e7068ee img{height:36px;}.elementor-20592 .elementor-element.elementor-element-6f039ca4{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-20592 .elementor-element.elementor-element-67fb3c34 .elementor-button{font-size:14px;padding:0.5rem 0.625rem 0.5rem 0.625rem;}.elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button{font-size:14px;padding:0.5rem 0.625rem 0.5rem 0.625rem;}.elementor-20592 .elementor-element.elementor-element-69d474c1 .elementor-button{font-size:14px;padding:0.5rem 0.6rem 0.5rem 0.6rem;}.elementor-20592 .elementor-element.elementor-element-f24d1f4{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-20592 .elementor-element.elementor-element-2441016{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-dc70a7e .elementor-icon-list-item > a{font-size:13px;}.elementor-20592 .elementor-element.elementor-element-9fd0627{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-efaf6cb .elementor-icon-list-item > a{font-size:13px;}.elementor-20592 .elementor-element.elementor-element-ee59825{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-1b3b773 .elementor-icon-list-item > a{font-size:13px;}.elementor-20592 .elementor-element.elementor-element-bdf7d21{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-856bc7e .elementor-icon-list-item > a{font-size:13px;}.elementor-20592 .elementor-element.elementor-element-dd75cf7{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-001c758 .elementor-icon-list-item > a{font-size:13px;}.elementor-20592 .elementor-element.elementor-element-d7525b0 .elementor-heading-title{font-size:14px;}.elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-2a7e2fe .elementor-icon-list-item > a{font-size:13px;}.elementor-20592 .elementor-element.elementor-element-1ffba0f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20592 .elementor-element.elementor-element-1ffba0f .elementor-icon-list-item > a{font-size:13px;}.elementor-20592 .elementor-element.elementor-element-31424de{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button{font-size:14px;padding:0.5rem 0.625rem 0.5rem 0.625rem;}}@media(max-width:767px){.elementor-20592 .elementor-element.elementor-element-151cf765{--padding-top:0.75rem;--padding-bottom:0.75rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-4ebfb8{--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:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.625rem;--padding-right:0.625rem;}.elementor-20592 .elementor-element.elementor-element-3e7068ee{text-align:center;}.elementor-20592 .elementor-element.elementor-element-3e7068ee img{max-width:100%;height:50px;}.elementor-20592 .elementor-element.elementor-element-746ae72a.elementor-element{--order:-99999 /* order start hack */;}.elementor-20592 .elementor-element.elementor-element-746ae72a .elementor-icon{font-size:17px;}.elementor-20592 .elementor-element.elementor-element-746ae72a .elementor-icon svg{height:17px;}.elementor-20592 .elementor-element.elementor-element-6f039ca4{--width:22%;}.elementor-20592 .elementor-element.elementor-element-09470ed .elementor-button{padding:0.375rem 0.5rem 0.375rem 0.5rem;}.elementor-20592 .elementor-element.elementor-element-69d474c1 .elementor-button{padding:0.375rem 0.5rem 0.375rem 0.5rem;}.elementor-20592 .elementor-element.elementor-element-f24d1f4{--width:100%;--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:nowrap;--border-radius:0px 0px 0px 0px;}.elementor-20592 .elementor-element.elementor-element-72628f2{--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-20592 .elementor-element.elementor-element-2441016{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-9fd0627{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-ee59825{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-bdf7d21{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-dd75cf7{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20592 .elementor-element.elementor-element-1ffba0f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20592 .elementor-element.elementor-element-31424de{--width:45%;}.elementor-20592 .elementor-element.elementor-element-2a2a235 .elementor-button{padding:0.375rem 0.5rem 0.375rem 0.5rem;}}@media(min-width:768px){.elementor-20592 .elementor-element.elementor-element-6f039ca4{--width:22%;}.elementor-20592 .elementor-element.elementor-element-2441016{--width:20%;}.elementor-20592 .elementor-element.elementor-element-9fd0627{--width:20%;}.elementor-20592 .elementor-element.elementor-element-ee59825{--width:20%;}.elementor-20592 .elementor-element.elementor-element-bdf7d21{--width:20%;}.elementor-20592 .elementor-element.elementor-element-dd75cf7{--width:20%;}.elementor-20592 .elementor-element.elementor-element-31424de{--width:22%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20592 .elementor-element.elementor-element-6f039ca4{--width:16%;}.elementor-20592 .elementor-element.elementor-element-31424de{--width:16%;}}/* Start custom CSS for button, class: .elementor-element-09470ed */@media only screen and (max-width: 1024px) { .elementor-20592 .elementor-element.elementor-element-09470ed span.elementor-button-text {
    display: none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72628f2 *//* تنظیمات والد برای نمایش صحیح گوشه‌ها */
.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative; /* ضروری برای موقعیت دهی مطلق شبه‌عناصر */
    overflow: hidden; /* اگر نمی‌خواهید شبه‌عناصر از لبه بیرون بزنند (اختیاری) */
}

/* شبه‌عنصر :BEFORE: گوشه بالا-چپ (Top-Left) و گوشه پایین-راست (Bottom-Right) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1; /* اطمینان از قرارگیری روی والد */
    
    /* ***** گوشه بالا-چپ ***** */
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* ایجاد مثلث در بالا-راست شبه‌عنصر */
    transform: scaleX(-1) rotate(90deg); /* چرخش و برگرداندن برای قرارگیری در بالا-چپ والد */
    border-radius: 0 0 6px 0; /* گردی لبه مثلث */
}


/* شبه‌عنصر :AFTER: گوشه بالا-راست (Top-Right) و گوشه پایین-چپ (Bottom-Left) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1;
    
    /* ***** گوشه بالا-راست ***** */
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transform: rotate(90deg); /* چرخش برای قرارگیری در بالا-راست والد */
    border-radius: 0 0 6px 0;
}


/* گوشه پایین-چپ (استفاده مجدد از BEFORE با تغییر موقعیت) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    /* ... کدهای بالا ... */
    /* افزودن گوشه پایین-چپ به BEFORE با استفاده از سایه یا روش دیگر دشوار است */
    /* بنابراین ما گوشه‌ها را به صورت زیر کنترل می‌کنیم: */
}

/* ** راه حل بهینه: استفاده از چهار شبه‌عنصر ** */
/* چون در CSS امکان تعریف چهار شبه‌عنصر اصلی وجود ندارد، ما باید
   یا از دو شبه‌عنصر برای چهار گوشه استفاده کنیم (با استفاده از Box Shadow که پیچیده‌تر است)
   یا دو کلاس کمکی برای دو گوشه باقی مانده بسازیم که در اینجا شدنی نیست.
   بهترین راه حل، استفاده از BEFORE و AFTER با ترنسفورم‌های مختلف است:
*/

/* گوشه بالا چپ */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 100%, 0 0, 100% 0); /* مثلث */
    border-radius: 0 0 6px 0;
}

/* گوشه بالا راست */
.elementor-20592 .elementor-element.elementor-element-72628f2::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* مثلث */
    border-radius: 0 0 0 6px;
}

/* گوشه پایین چپ (استفاده از یک شبه‌عنصر ثانویه در صورت نیاز یا افزودن یک عنصر HTML خالی) */
/* از آنجا که نمی‌توان از pseudo element سومی استفاده کرد، این دو گوشه را به صورت ساده با border-radius تکمیل می‌کنیم: */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    border-radius: 6px; /* گرد کردن گوشه‌های عنصر والد */
}

/* ---------------------------------------------------------------------- */
/* بهترین راهکار برای چهار گوشه تزئینی با دو شبه‌عنصر (استفاده از Box Shadow) */
/* ---------------------------------------------------------------------- */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative;
    padding: 20px; /* فضای داخلی برای دیده شدن گوشه‌ها */
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px; /* گرد کردن کلی باکس */
}

/* استفاده از Box Shadow برای شبیه سازی دو گوشه دیگر */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent; /* یا رنگ والد */
    top: -2px; /* هم‌تراز با لبه والد */
    left: -2px;
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px 0 0 0; /* گردی گوشه بالا-چپ */
    border-width: 2px 0 0 2px; /* نمایش فقط لبه‌های بالا و چپ */
    box-shadow: 0 0 0 9999px var(--e-global-color-secondary, #394452); /* این روش برای تزئین گوشه نیست */
}

/* ---------------------------------------------------------------------- */
/* بازنویسی کد اولیه شما برای چهار گوشه تزئینی (با فرض اینکه شما نیاز به چهار شکل مثلثی دارید) */
/* ---------------------------------------------------------------------- */

/* گوشه بالا چپ (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%); /* مثلث بالا چپ */
    border-radius: 0 0 6px 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* گوشه پایین راست (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0); /* مثلث پایین راست */
    border-radius: 6px 0 0 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* برای گوشه‌های بالا راست و پایین چپ، باید از تگ‌های HTML اضافی یا ویژگی‌های پیچیده‌تر استفاده کنید.
   اگر از Elementor استفاده می‌کنید و امکان اضافه کردن کلاس‌های دلخواه یا HTML سفارشی را دارید، این کار ساده‌تر است.
   اما با فرض استفاده از CSS خام، این دو شبه‌عنصر برای دو گوشه کفایت می‌کنند.
*/

/* گوشه‌های اضافی (اگر از یک تگ HTML اضافی مثل <span> استفاده کنید): */
/*
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-tr {
    ... (مشابه after، اما برای بالا-راست)
}
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-bl {
    ... (مشابه before، اما برای پایین-چپ)
}
*/

/* تنظیمات برای صفحات کوچک‌تر */
@media screen and (max-width:1024px){
    .elementor-20592 .elementor-element.elementor-element-72628f2:before, .elementor-20592 .elementor-element.elementor-element-72628f2:after {
        width: 16px;
        height: 16px;
    }
    /* اگر از کلاس‌های کمکی برای گوشه‌های دیگر استفاده می‌کنید، آن‌ها را نیز باید اینجا تنظیم کنید. */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72628f2 *//* تنظیمات والد برای نمایش صحیح گوشه‌ها */
.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative; /* ضروری برای موقعیت دهی مطلق شبه‌عناصر */
    overflow: hidden; /* اگر نمی‌خواهید شبه‌عناصر از لبه بیرون بزنند (اختیاری) */
}

/* شبه‌عنصر :BEFORE: گوشه بالا-چپ (Top-Left) و گوشه پایین-راست (Bottom-Right) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1; /* اطمینان از قرارگیری روی والد */
    
    /* ***** گوشه بالا-چپ ***** */
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* ایجاد مثلث در بالا-راست شبه‌عنصر */
    transform: scaleX(-1) rotate(90deg); /* چرخش و برگرداندن برای قرارگیری در بالا-چپ والد */
    border-radius: 0 0 6px 0; /* گردی لبه مثلث */
}


/* شبه‌عنصر :AFTER: گوشه بالا-راست (Top-Right) و گوشه پایین-چپ (Bottom-Left) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1;
    
    /* ***** گوشه بالا-راست ***** */
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transform: rotate(90deg); /* چرخش برای قرارگیری در بالا-راست والد */
    border-radius: 0 0 6px 0;
}


/* گوشه پایین-چپ (استفاده مجدد از BEFORE با تغییر موقعیت) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    /* ... کدهای بالا ... */
    /* افزودن گوشه پایین-چپ به BEFORE با استفاده از سایه یا روش دیگر دشوار است */
    /* بنابراین ما گوشه‌ها را به صورت زیر کنترل می‌کنیم: */
}

/* ** راه حل بهینه: استفاده از چهار شبه‌عنصر ** */
/* چون در CSS امکان تعریف چهار شبه‌عنصر اصلی وجود ندارد، ما باید
   یا از دو شبه‌عنصر برای چهار گوشه استفاده کنیم (با استفاده از Box Shadow که پیچیده‌تر است)
   یا دو کلاس کمکی برای دو گوشه باقی مانده بسازیم که در اینجا شدنی نیست.
   بهترین راه حل، استفاده از BEFORE و AFTER با ترنسفورم‌های مختلف است:
*/

/* گوشه بالا چپ */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 100%, 0 0, 100% 0); /* مثلث */
    border-radius: 0 0 6px 0;
}

/* گوشه بالا راست */
.elementor-20592 .elementor-element.elementor-element-72628f2::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* مثلث */
    border-radius: 0 0 0 6px;
}

/* گوشه پایین چپ (استفاده از یک شبه‌عنصر ثانویه در صورت نیاز یا افزودن یک عنصر HTML خالی) */
/* از آنجا که نمی‌توان از pseudo element سومی استفاده کرد، این دو گوشه را به صورت ساده با border-radius تکمیل می‌کنیم: */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    border-radius: 6px; /* گرد کردن گوشه‌های عنصر والد */
}

/* ---------------------------------------------------------------------- */
/* بهترین راهکار برای چهار گوشه تزئینی با دو شبه‌عنصر (استفاده از Box Shadow) */
/* ---------------------------------------------------------------------- */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative;
    padding: 20px; /* فضای داخلی برای دیده شدن گوشه‌ها */
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px; /* گرد کردن کلی باکس */
}

/* استفاده از Box Shadow برای شبیه سازی دو گوشه دیگر */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent; /* یا رنگ والد */
    top: -2px; /* هم‌تراز با لبه والد */
    left: -2px;
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px 0 0 0; /* گردی گوشه بالا-چپ */
    border-width: 2px 0 0 2px; /* نمایش فقط لبه‌های بالا و چپ */
    box-shadow: 0 0 0 9999px var(--e-global-color-secondary, #394452); /* این روش برای تزئین گوشه نیست */
}

/* ---------------------------------------------------------------------- */
/* بازنویسی کد اولیه شما برای چهار گوشه تزئینی (با فرض اینکه شما نیاز به چهار شکل مثلثی دارید) */
/* ---------------------------------------------------------------------- */

/* گوشه بالا چپ (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%); /* مثلث بالا چپ */
    border-radius: 0 0 6px 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* گوشه پایین راست (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0); /* مثلث پایین راست */
    border-radius: 6px 0 0 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* برای گوشه‌های بالا راست و پایین چپ، باید از تگ‌های HTML اضافی یا ویژگی‌های پیچیده‌تر استفاده کنید.
   اگر از Elementor استفاده می‌کنید و امکان اضافه کردن کلاس‌های دلخواه یا HTML سفارشی را دارید، این کار ساده‌تر است.
   اما با فرض استفاده از CSS خام، این دو شبه‌عنصر برای دو گوشه کفایت می‌کنند.
*/

/* گوشه‌های اضافی (اگر از یک تگ HTML اضافی مثل <span> استفاده کنید): */
/*
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-tr {
    ... (مشابه after، اما برای بالا-راست)
}
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-bl {
    ... (مشابه before، اما برای پایین-چپ)
}
*/

/* تنظیمات برای صفحات کوچک‌تر */
@media screen and (max-width:1024px){
    .elementor-20592 .elementor-element.elementor-element-72628f2:before, .elementor-20592 .elementor-element.elementor-element-72628f2:after {
        width: 16px;
        height: 16px;
    }
    /* اگر از کلاس‌های کمکی برای گوشه‌های دیگر استفاده می‌کنید، آن‌ها را نیز باید اینجا تنظیم کنید. */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72628f2 *//* تنظیمات والد برای نمایش صحیح گوشه‌ها */
.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative; /* ضروری برای موقعیت دهی مطلق شبه‌عناصر */
    overflow: hidden; /* اگر نمی‌خواهید شبه‌عناصر از لبه بیرون بزنند (اختیاری) */
}

/* شبه‌عنصر :BEFORE: گوشه بالا-چپ (Top-Left) و گوشه پایین-راست (Bottom-Right) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1; /* اطمینان از قرارگیری روی والد */
    
    /* ***** گوشه بالا-چپ ***** */
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* ایجاد مثلث در بالا-راست شبه‌عنصر */
    transform: scaleX(-1) rotate(90deg); /* چرخش و برگرداندن برای قرارگیری در بالا-چپ والد */
    border-radius: 0 0 6px 0; /* گردی لبه مثلث */
}


/* شبه‌عنصر :AFTER: گوشه بالا-راست (Top-Right) و گوشه پایین-چپ (Bottom-Left) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1;
    
    /* ***** گوشه بالا-راست ***** */
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transform: rotate(90deg); /* چرخش برای قرارگیری در بالا-راست والد */
    border-radius: 0 0 6px 0;
}


/* گوشه پایین-چپ (استفاده مجدد از BEFORE با تغییر موقعیت) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    /* ... کدهای بالا ... */
    /* افزودن گوشه پایین-چپ به BEFORE با استفاده از سایه یا روش دیگر دشوار است */
    /* بنابراین ما گوشه‌ها را به صورت زیر کنترل می‌کنیم: */
}

/* ** راه حل بهینه: استفاده از چهار شبه‌عنصر ** */
/* چون در CSS امکان تعریف چهار شبه‌عنصر اصلی وجود ندارد، ما باید
   یا از دو شبه‌عنصر برای چهار گوشه استفاده کنیم (با استفاده از Box Shadow که پیچیده‌تر است)
   یا دو کلاس کمکی برای دو گوشه باقی مانده بسازیم که در اینجا شدنی نیست.
   بهترین راه حل، استفاده از BEFORE و AFTER با ترنسفورم‌های مختلف است:
*/

/* گوشه بالا چپ */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 100%, 0 0, 100% 0); /* مثلث */
    border-radius: 0 0 6px 0;
}

/* گوشه بالا راست */
.elementor-20592 .elementor-element.elementor-element-72628f2::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* مثلث */
    border-radius: 0 0 0 6px;
}

/* گوشه پایین چپ (استفاده از یک شبه‌عنصر ثانویه در صورت نیاز یا افزودن یک عنصر HTML خالی) */
/* از آنجا که نمی‌توان از pseudo element سومی استفاده کرد، این دو گوشه را به صورت ساده با border-radius تکمیل می‌کنیم: */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    border-radius: 6px; /* گرد کردن گوشه‌های عنصر والد */
}

/* ---------------------------------------------------------------------- */
/* بهترین راهکار برای چهار گوشه تزئینی با دو شبه‌عنصر (استفاده از Box Shadow) */
/* ---------------------------------------------------------------------- */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative;
    padding: 20px; /* فضای داخلی برای دیده شدن گوشه‌ها */
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px; /* گرد کردن کلی باکس */
}

/* استفاده از Box Shadow برای شبیه سازی دو گوشه دیگر */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent; /* یا رنگ والد */
    top: -2px; /* هم‌تراز با لبه والد */
    left: -2px;
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px 0 0 0; /* گردی گوشه بالا-چپ */
    border-width: 2px 0 0 2px; /* نمایش فقط لبه‌های بالا و چپ */
    box-shadow: 0 0 0 9999px var(--e-global-color-secondary, #394452); /* این روش برای تزئین گوشه نیست */
}

/* ---------------------------------------------------------------------- */
/* بازنویسی کد اولیه شما برای چهار گوشه تزئینی (با فرض اینکه شما نیاز به چهار شکل مثلثی دارید) */
/* ---------------------------------------------------------------------- */

/* گوشه بالا چپ (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%); /* مثلث بالا چپ */
    border-radius: 0 0 6px 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* گوشه پایین راست (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0); /* مثلث پایین راست */
    border-radius: 6px 0 0 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* برای گوشه‌های بالا راست و پایین چپ، باید از تگ‌های HTML اضافی یا ویژگی‌های پیچیده‌تر استفاده کنید.
   اگر از Elementor استفاده می‌کنید و امکان اضافه کردن کلاس‌های دلخواه یا HTML سفارشی را دارید، این کار ساده‌تر است.
   اما با فرض استفاده از CSS خام، این دو شبه‌عنصر برای دو گوشه کفایت می‌کنند.
*/

/* گوشه‌های اضافی (اگر از یک تگ HTML اضافی مثل <span> استفاده کنید): */
/*
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-tr {
    ... (مشابه after، اما برای بالا-راست)
}
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-bl {
    ... (مشابه before، اما برای پایین-چپ)
}
*/

/* تنظیمات برای صفحات کوچک‌تر */
@media screen and (max-width:1024px){
    .elementor-20592 .elementor-element.elementor-element-72628f2:before, .elementor-20592 .elementor-element.elementor-element-72628f2:after {
        width: 16px;
        height: 16px;
    }
    /* اگر از کلاس‌های کمکی برای گوشه‌های دیگر استفاده می‌کنید، آن‌ها را نیز باید اینجا تنظیم کنید. */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72628f2 *//* تنظیمات والد برای نمایش صحیح گوشه‌ها */
.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative; /* ضروری برای موقعیت دهی مطلق شبه‌عناصر */
    overflow: hidden; /* اگر نمی‌خواهید شبه‌عناصر از لبه بیرون بزنند (اختیاری) */
}

/* شبه‌عنصر :BEFORE: گوشه بالا-چپ (Top-Left) و گوشه پایین-راست (Bottom-Right) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1; /* اطمینان از قرارگیری روی والد */
    
    /* ***** گوشه بالا-چپ ***** */
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* ایجاد مثلث در بالا-راست شبه‌عنصر */
    transform: scaleX(-1) rotate(90deg); /* چرخش و برگرداندن برای قرارگیری در بالا-چپ والد */
    border-radius: 0 0 6px 0; /* گردی لبه مثلث */
}


/* شبه‌عنصر :AFTER: گوشه بالا-راست (Top-Right) و گوشه پایین-چپ (Bottom-Left) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1;
    
    /* ***** گوشه بالا-راست ***** */
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transform: rotate(90deg); /* چرخش برای قرارگیری در بالا-راست والد */
    border-radius: 0 0 6px 0;
}


/* گوشه پایین-چپ (استفاده مجدد از BEFORE با تغییر موقعیت) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    /* ... کدهای بالا ... */
    /* افزودن گوشه پایین-چپ به BEFORE با استفاده از سایه یا روش دیگر دشوار است */
    /* بنابراین ما گوشه‌ها را به صورت زیر کنترل می‌کنیم: */
}

/* ** راه حل بهینه: استفاده از چهار شبه‌عنصر ** */
/* چون در CSS امکان تعریف چهار شبه‌عنصر اصلی وجود ندارد، ما باید
   یا از دو شبه‌عنصر برای چهار گوشه استفاده کنیم (با استفاده از Box Shadow که پیچیده‌تر است)
   یا دو کلاس کمکی برای دو گوشه باقی مانده بسازیم که در اینجا شدنی نیست.
   بهترین راه حل، استفاده از BEFORE و AFTER با ترنسفورم‌های مختلف است:
*/

/* گوشه بالا چپ */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 100%, 0 0, 100% 0); /* مثلث */
    border-radius: 0 0 6px 0;
}

/* گوشه بالا راست */
.elementor-20592 .elementor-element.elementor-element-72628f2::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* مثلث */
    border-radius: 0 0 0 6px;
}

/* گوشه پایین چپ (استفاده از یک شبه‌عنصر ثانویه در صورت نیاز یا افزودن یک عنصر HTML خالی) */
/* از آنجا که نمی‌توان از pseudo element سومی استفاده کرد، این دو گوشه را به صورت ساده با border-radius تکمیل می‌کنیم: */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    border-radius: 6px; /* گرد کردن گوشه‌های عنصر والد */
}

/* ---------------------------------------------------------------------- */
/* بهترین راهکار برای چهار گوشه تزئینی با دو شبه‌عنصر (استفاده از Box Shadow) */
/* ---------------------------------------------------------------------- */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative;
    padding: 20px; /* فضای داخلی برای دیده شدن گوشه‌ها */
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px; /* گرد کردن کلی باکس */
}

/* استفاده از Box Shadow برای شبیه سازی دو گوشه دیگر */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent; /* یا رنگ والد */
    top: -2px; /* هم‌تراز با لبه والد */
    left: -2px;
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px 0 0 0; /* گردی گوشه بالا-چپ */
    border-width: 2px 0 0 2px; /* نمایش فقط لبه‌های بالا و چپ */
    box-shadow: 0 0 0 9999px var(--e-global-color-secondary, #394452); /* این روش برای تزئین گوشه نیست */
}

/* ---------------------------------------------------------------------- */
/* بازنویسی کد اولیه شما برای چهار گوشه تزئینی (با فرض اینکه شما نیاز به چهار شکل مثلثی دارید) */
/* ---------------------------------------------------------------------- */

/* گوشه بالا چپ (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%); /* مثلث بالا چپ */
    border-radius: 0 0 6px 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* گوشه پایین راست (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0); /* مثلث پایین راست */
    border-radius: 6px 0 0 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* برای گوشه‌های بالا راست و پایین چپ، باید از تگ‌های HTML اضافی یا ویژگی‌های پیچیده‌تر استفاده کنید.
   اگر از Elementor استفاده می‌کنید و امکان اضافه کردن کلاس‌های دلخواه یا HTML سفارشی را دارید، این کار ساده‌تر است.
   اما با فرض استفاده از CSS خام، این دو شبه‌عنصر برای دو گوشه کفایت می‌کنند.
*/

/* گوشه‌های اضافی (اگر از یک تگ HTML اضافی مثل <span> استفاده کنید): */
/*
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-tr {
    ... (مشابه after، اما برای بالا-راست)
}
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-bl {
    ... (مشابه before، اما برای پایین-چپ)
}
*/

/* تنظیمات برای صفحات کوچک‌تر */
@media screen and (max-width:1024px){
    .elementor-20592 .elementor-element.elementor-element-72628f2:before, .elementor-20592 .elementor-element.elementor-element-72628f2:after {
        width: 16px;
        height: 16px;
    }
    /* اگر از کلاس‌های کمکی برای گوشه‌های دیگر استفاده می‌کنید، آن‌ها را نیز باید اینجا تنظیم کنید. */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72628f2 *//* تنظیمات والد برای نمایش صحیح گوشه‌ها */
.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative; /* ضروری برای موقعیت دهی مطلق شبه‌عناصر */
    overflow: hidden; /* اگر نمی‌خواهید شبه‌عناصر از لبه بیرون بزنند (اختیاری) */
}

/* شبه‌عنصر :BEFORE: گوشه بالا-چپ (Top-Left) و گوشه پایین-راست (Bottom-Right) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1; /* اطمینان از قرارگیری روی والد */
    
    /* ***** گوشه بالا-چپ ***** */
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* ایجاد مثلث در بالا-راست شبه‌عنصر */
    transform: scaleX(-1) rotate(90deg); /* چرخش و برگرداندن برای قرارگیری در بالا-چپ والد */
    border-radius: 0 0 6px 0; /* گردی لبه مثلث */
}


/* شبه‌عنصر :AFTER: گوشه بالا-راست (Top-Right) و گوشه پایین-چپ (Bottom-Left) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1;
    
    /* ***** گوشه بالا-راست ***** */
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transform: rotate(90deg); /* چرخش برای قرارگیری در بالا-راست والد */
    border-radius: 0 0 6px 0;
}


/* گوشه پایین-چپ (استفاده مجدد از BEFORE با تغییر موقعیت) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    /* ... کدهای بالا ... */
    /* افزودن گوشه پایین-چپ به BEFORE با استفاده از سایه یا روش دیگر دشوار است */
    /* بنابراین ما گوشه‌ها را به صورت زیر کنترل می‌کنیم: */
}

/* ** راه حل بهینه: استفاده از چهار شبه‌عنصر ** */
/* چون در CSS امکان تعریف چهار شبه‌عنصر اصلی وجود ندارد، ما باید
   یا از دو شبه‌عنصر برای چهار گوشه استفاده کنیم (با استفاده از Box Shadow که پیچیده‌تر است)
   یا دو کلاس کمکی برای دو گوشه باقی مانده بسازیم که در اینجا شدنی نیست.
   بهترین راه حل، استفاده از BEFORE و AFTER با ترنسفورم‌های مختلف است:
*/

/* گوشه بالا چپ */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 100%, 0 0, 100% 0); /* مثلث */
    border-radius: 0 0 6px 0;
}

/* گوشه بالا راست */
.elementor-20592 .elementor-element.elementor-element-72628f2::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* مثلث */
    border-radius: 0 0 0 6px;
}

/* گوشه پایین چپ (استفاده از یک شبه‌عنصر ثانویه در صورت نیاز یا افزودن یک عنصر HTML خالی) */
/* از آنجا که نمی‌توان از pseudo element سومی استفاده کرد، این دو گوشه را به صورت ساده با border-radius تکمیل می‌کنیم: */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    border-radius: 6px; /* گرد کردن گوشه‌های عنصر والد */
}

/* ---------------------------------------------------------------------- */
/* بهترین راهکار برای چهار گوشه تزئینی با دو شبه‌عنصر (استفاده از Box Shadow) */
/* ---------------------------------------------------------------------- */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative;
    padding: 20px; /* فضای داخلی برای دیده شدن گوشه‌ها */
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px; /* گرد کردن کلی باکس */
}

/* استفاده از Box Shadow برای شبیه سازی دو گوشه دیگر */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent; /* یا رنگ والد */
    top: -2px; /* هم‌تراز با لبه والد */
    left: -2px;
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px 0 0 0; /* گردی گوشه بالا-چپ */
    border-width: 2px 0 0 2px; /* نمایش فقط لبه‌های بالا و چپ */
    box-shadow: 0 0 0 9999px var(--e-global-color-secondary, #394452); /* این روش برای تزئین گوشه نیست */
}

/* ---------------------------------------------------------------------- */
/* بازنویسی کد اولیه شما برای چهار گوشه تزئینی (با فرض اینکه شما نیاز به چهار شکل مثلثی دارید) */
/* ---------------------------------------------------------------------- */

/* گوشه بالا چپ (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%); /* مثلث بالا چپ */
    border-radius: 0 0 6px 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* گوشه پایین راست (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0); /* مثلث پایین راست */
    border-radius: 6px 0 0 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* برای گوشه‌های بالا راست و پایین چپ، باید از تگ‌های HTML اضافی یا ویژگی‌های پیچیده‌تر استفاده کنید.
   اگر از Elementor استفاده می‌کنید و امکان اضافه کردن کلاس‌های دلخواه یا HTML سفارشی را دارید، این کار ساده‌تر است.
   اما با فرض استفاده از CSS خام، این دو شبه‌عنصر برای دو گوشه کفایت می‌کنند.
*/

/* گوشه‌های اضافی (اگر از یک تگ HTML اضافی مثل <span> استفاده کنید): */
/*
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-tr {
    ... (مشابه after، اما برای بالا-راست)
}
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-bl {
    ... (مشابه before، اما برای پایین-چپ)
}
*/

/* تنظیمات برای صفحات کوچک‌تر */
@media screen and (max-width:1024px){
    .elementor-20592 .elementor-element.elementor-element-72628f2:before, .elementor-20592 .elementor-element.elementor-element-72628f2:after {
        width: 16px;
        height: 16px;
    }
    /* اگر از کلاس‌های کمکی برای گوشه‌های دیگر استفاده می‌کنید، آن‌ها را نیز باید اینجا تنظیم کنید. */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72628f2 *//* تنظیمات والد برای نمایش صحیح گوشه‌ها */
.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative; /* ضروری برای موقعیت دهی مطلق شبه‌عناصر */
    overflow: hidden; /* اگر نمی‌خواهید شبه‌عناصر از لبه بیرون بزنند (اختیاری) */
}

/* شبه‌عنصر :BEFORE: گوشه بالا-چپ (Top-Left) و گوشه پایین-راست (Bottom-Right) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1; /* اطمینان از قرارگیری روی والد */
    
    /* ***** گوشه بالا-چپ ***** */
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* ایجاد مثلث در بالا-راست شبه‌عنصر */
    transform: scaleX(-1) rotate(90deg); /* چرخش و برگرداندن برای قرارگیری در بالا-چپ والد */
    border-radius: 0 0 6px 0; /* گردی لبه مثلث */
}


/* شبه‌عنصر :AFTER: گوشه بالا-راست (Top-Right) و گوشه پایین-چپ (Bottom-Left) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 20px; /* اندازه لبه‌های تزئینی */
    height: 20px;
    background: var(--e-global-color-secondary, #394452); /* رنگ دلخواه */
    z-index: 1;
    
    /* ***** گوشه بالا-راست ***** */
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transform: rotate(90deg); /* چرخش برای قرارگیری در بالا-راست والد */
    border-radius: 0 0 6px 0;
}


/* گوشه پایین-چپ (استفاده مجدد از BEFORE با تغییر موقعیت) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    /* ... کدهای بالا ... */
    /* افزودن گوشه پایین-چپ به BEFORE با استفاده از سایه یا روش دیگر دشوار است */
    /* بنابراین ما گوشه‌ها را به صورت زیر کنترل می‌کنیم: */
}

/* ** راه حل بهینه: استفاده از چهار شبه‌عنصر ** */
/* چون در CSS امکان تعریف چهار شبه‌عنصر اصلی وجود ندارد، ما باید
   یا از دو شبه‌عنصر برای چهار گوشه استفاده کنیم (با استفاده از Box Shadow که پیچیده‌تر است)
   یا دو کلاس کمکی برای دو گوشه باقی مانده بسازیم که در اینجا شدنی نیست.
   بهترین راه حل، استفاده از BEFORE و AFTER با ترنسفورم‌های مختلف است:
*/

/* گوشه بالا چپ */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 100%, 0 0, 100% 0); /* مثلث */
    border-radius: 0 0 6px 0;
}

/* گوشه بالا راست */
.elementor-20592 .elementor-element.elementor-element-72628f2::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* مثلث */
    border-radius: 0 0 0 6px;
}

/* گوشه پایین چپ (استفاده از یک شبه‌عنصر ثانویه در صورت نیاز یا افزودن یک عنصر HTML خالی) */
/* از آنجا که نمی‌توان از pseudo element سومی استفاده کرد، این دو گوشه را به صورت ساده با border-radius تکمیل می‌کنیم: */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    border-radius: 6px; /* گرد کردن گوشه‌های عنصر والد */
}

/* ---------------------------------------------------------------------- */
/* بهترین راهکار برای چهار گوشه تزئینی با دو شبه‌عنصر (استفاده از Box Shadow) */
/* ---------------------------------------------------------------------- */

.elementor-20592 .elementor-element.elementor-element-72628f2 {
    position: relative;
    padding: 20px; /* فضای داخلی برای دیده شدن گوشه‌ها */
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px; /* گرد کردن کلی باکس */
}

/* استفاده از Box Shadow برای شبیه سازی دو گوشه دیگر */
.elementor-20592 .elementor-element.elementor-element-72628f2::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent; /* یا رنگ والد */
    top: -2px; /* هم‌تراز با لبه والد */
    left: -2px;
    border: 2px solid var(--e-global-color-secondary, #394452);
    border-radius: 10px 0 0 0; /* گردی گوشه بالا-چپ */
    border-width: 2px 0 0 2px; /* نمایش فقط لبه‌های بالا و چپ */
    box-shadow: 0 0 0 9999px var(--e-global-color-secondary, #394452); /* این روش برای تزئین گوشه نیست */
}

/* ---------------------------------------------------------------------- */
/* بازنویسی کد اولیه شما برای چهار گوشه تزئینی (با فرض اینکه شما نیاز به چهار شکل مثلثی دارید) */
/* ---------------------------------------------------------------------- */

/* گوشه بالا چپ (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%); /* مثلث بالا چپ */
    border-radius: 0 0 6px 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* گوشه پایین راست (همانند کد اولیه شما، اما مرتب شده) */
.elementor-20592 .elementor-element.elementor-element-72628f2:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--e-global-color-secondary, #394452);
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0); /* مثلث پایین راست */
    border-radius: 6px 0 0 0; /* لبه گرد داخلی */
    z-index: 1;
}

/* برای گوشه‌های بالا راست و پایین چپ، باید از تگ‌های HTML اضافی یا ویژگی‌های پیچیده‌تر استفاده کنید.
   اگر از Elementor استفاده می‌کنید و امکان اضافه کردن کلاس‌های دلخواه یا HTML سفارشی را دارید، این کار ساده‌تر است.
   اما با فرض استفاده از CSS خام، این دو شبه‌عنصر برای دو گوشه کفایت می‌کنند.
*/

/* گوشه‌های اضافی (اگر از یک تگ HTML اضافی مثل <span> استفاده کنید): */
/*
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-tr {
    ... (مشابه after، اما برای بالا-راست)
}
.elementor-20592 .elementor-element.elementor-element-72628f2 .corner-bl {
    ... (مشابه before، اما برای پایین-چپ)
}
*/

/* تنظیمات برای صفحات کوچک‌تر */
@media screen and (max-width:1024px){
    .elementor-20592 .elementor-element.elementor-element-72628f2:before, .elementor-20592 .elementor-element.elementor-element-72628f2:after {
        width: 16px;
        height: 16px;
    }
    /* اگر از کلاس‌های کمکی برای گوشه‌های دیگر استفاده می‌کنید، آن‌ها را نیز باید اینجا تنظیم کنید. */
}/* End custom CSS */