.elementor-327 .elementor-element.elementor-element-e888c4c{--display:flex;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-327 .elementor-element.elementor-element-6dafb5d{--display:flex;}.elementor-327 .elementor-element.elementor-element-37d34a1{--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;--overlay-opacity:0.5;--border-radius:45px 45px 45px 45px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-37d34a1:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-37d34a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(240deg, var( --e-global-color-accent ) 16%, #D5D5D5 100%);}.elementor-327 .elementor-element.elementor-element-37d34a1::before, .elementor-327 .elementor-element.elementor-element-37d34a1 > .elementor-background-video-container::before, .elementor-327 .elementor-element.elementor-element-37d34a1 > .e-con-inner > .elementor-background-video-container::before, .elementor-327 .elementor-element.elementor-element-37d34a1 > .elementor-background-slideshow::before, .elementor-327 .elementor-element.elementor-element-37d34a1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-327 .elementor-element.elementor-element-37d34a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://implanthub.ir/wp-content/uploads/2026/05/Background-Image.webp");--background-overlay:'';}.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-327 .elementor-element.elementor-element-97a7f6a{--divider-border-style:solid;--divider-color:var( --e-global-color-85624b9 );--divider-border-width:1px;}.elementor-327 .elementor-element.elementor-element-97a7f6a .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-327 .elementor-element.elementor-element-97a7f6a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-327 .elementor-element.elementor-element-97a7f6a .elementor-divider__text{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:500;}.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-327 .elementor-element.elementor-element-f35d44f{text-align:center;}.elementor-327 .elementor-element.elementor-element-f35d44f .elementor-heading-title{font-family:"webinew-iYx-vf", Sans-serif;font-size:39.81px;font-weight:300;line-height:1.6em;color:var( --e-global-color-85624b9 );}.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-327 .elementor-element.elementor-element-d286cbc .elementor-button{background-color:var( --e-global-color-85624b9 );font-family:"webinew-iYx-vf", Sans-serif;font-size:18px;font-weight:700;fill:var( --e-global-color-text );color:var( --e-global-color-text );box-shadow:0px 0px 20px 0px rgba(255, 255, 255, 0.5);border-radius:50px 50px 50px 50px;padding:15px 25px 15px 25px;}.elementor-327 .elementor-element.elementor-element-d286cbc{padding:0px 0px 60px 0px;}.elementor-327 .elementor-element.elementor-element-d286cbc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-327 .elementor-element.elementor-element-d286cbc .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-327 .elementor-element.elementor-element-fa9dae1{--display:flex;}.elementor-327 .elementor-element.elementor-element-35070d4{--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;--overlay-opacity:0.5;--border-radius:45px 45px 45px 45px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-35070d4:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-35070d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(240deg, var( --e-global-color-accent ) 16%, #D5D5D5 100%);}.elementor-327 .elementor-element.elementor-element-35070d4::before, .elementor-327 .elementor-element.elementor-element-35070d4 > .elementor-background-video-container::before, .elementor-327 .elementor-element.elementor-element-35070d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-327 .elementor-element.elementor-element-35070d4 > .elementor-background-slideshow::before, .elementor-327 .elementor-element.elementor-element-35070d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-327 .elementor-element.elementor-element-35070d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://implanthub.ir/wp-content/uploads/2026/05/Background-Image.webp");--background-overlay:'';}.elementor-327 .elementor-element.elementor-element-5c4d814{--divider-border-style:solid;--divider-color:var( --e-global-color-85624b9 );--divider-border-width:1px;}.elementor-327 .elementor-element.elementor-element-5c4d814 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-327 .elementor-element.elementor-element-5c4d814 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-327 .elementor-element.elementor-element-5c4d814 .elementor-divider__text{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:500;}.elementor-327 .elementor-element.elementor-element-858608b{text-align:center;}.elementor-327 .elementor-element.elementor-element-858608b .elementor-heading-title{font-family:"webinew-iYx-vf", Sans-serif;font-size:39.81px;font-weight:300;line-height:1.6em;color:var( --e-global-color-85624b9 );}.elementor-327 .elementor-element.elementor-element-1d50dde .elementor-button{background-color:var( --e-global-color-85624b9 );font-family:"webinew-iYx-vf", Sans-serif;font-size:18px;font-weight:700;fill:var( --e-global-color-text );color:var( --e-global-color-text );box-shadow:0px 0px 20px 0px rgba(255, 255, 255, 0.5);border-radius:50px 50px 50px 50px;padding:15px 25px 15px 25px;}.elementor-327 .elementor-element.elementor-element-1d50dde{padding:0px 0px 60px 0px;}.elementor-327 .elementor-element.elementor-element-1d50dde .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-327 .elementor-element.elementor-element-1d50dde .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-327 .elementor-element.elementor-element-42cb927 > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-327 .elementor-element.elementor-element-c54bf58{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:45px 45px 45px 45px;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-327 .elementor-element.elementor-element-c54bf58:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-c54bf58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-85624b9 );}.elementor-327 .elementor-element.elementor-element-c54bf58.e-con{--align-self:center;}.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-327 .elementor-element.elementor-element-d8ed703{padding:0px 0px 0px 30px;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-b92f408 );border-radius:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-d8ed703 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-d8ed703 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-d8ed703 .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-d8ed703 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-d8ed703 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-d8ed703 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-3f7c6d4{padding:0px 0px 0px 30px;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-b92f408 );border-radius:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-3f7c6d4 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-3f7c6d4 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-3f7c6d4 .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-3f7c6d4 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-3f7c6d4 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-3f7c6d4 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-252926a{padding:0px 0px 0px 30px;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-b92f408 );border-radius:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-252926a .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-252926a .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-252926a .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-252926a .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-252926a .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-252926a .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-200358a{padding:0px 0px 0px 30px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-b92f408 );border-radius:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-200358a .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-200358a .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-200358a .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-200358a .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-200358a .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-200358a .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-ea19a2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-c94a18b{padding:0px 0px 20px 0px;}.elementor-327 .elementor-element.elementor-element-c94a18b.elementor-element{--align-self:center;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon{font-size:25px;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-03015c3{--display:flex;}.elementor-327 .elementor-element.elementor-element-cffe22d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-cffe22d:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-5d2d192{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-ac4f31f{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.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-327 .elementor-element.elementor-element-50bd5a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-50bd5a1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-50bd5a1.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-50bd5a1.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-50bd5a1.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-50bd5a1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-7c342d2{--display:flex;}.elementor-327 .elementor-element.elementor-element-7a917d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-7a917d4:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-b81baa9{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-3016382{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-8b3cfa4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-8b3cfa4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-8b3cfa4.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-8b3cfa4.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-8b3cfa4.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-8b3cfa4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-9b96187{--display:flex;}.elementor-327 .elementor-element.elementor-element-da68c34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-da68c34:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-8497ca7{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-14c864b{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-61da661{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-61da661.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-61da661.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-61da661.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-61da661.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-61da661.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-abe3142{--display:flex;}.elementor-327 .elementor-element.elementor-element-a29a87b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-a29a87b:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-79d680f{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-44cbe7e{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-2b3fc4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-2b3fc4e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-2b3fc4e.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-2b3fc4e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-2b3fc4e.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-2b3fc4e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-7233aa2{--display:flex;}.elementor-327 .elementor-element.elementor-element-8fba33f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-8fba33f:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-e557de6{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-c2ee8ac{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-58ae9e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-58ae9e4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-58ae9e4.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-58ae9e4.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-58ae9e4.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-58ae9e4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-ac1d963{--display:flex;}.elementor-327 .elementor-element.elementor-element-62f21e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-62f21e5:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-7e00c0d{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-0866ae1{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-ed05eff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-ed05eff.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-ed05eff.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-ed05eff.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-ed05eff.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-ed05eff.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-6ea7274{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-6e4d35a{padding:0px 0px 20px 0px;}.elementor-327 .elementor-element.elementor-element-6e4d35a.elementor-element{--align-self:center;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon{font-size:25px;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-d0f3023{--display:flex;}.elementor-327 .elementor-element.elementor-element-3943b32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-3943b32:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-5251d1d{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-8201702{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-643f004{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-643f004.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-643f004.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-643f004.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-643f004.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-643f004.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-5eb05e0{--display:flex;}.elementor-327 .elementor-element.elementor-element-3c476c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-3c476c7:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-3289b03{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-20d34d9{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-1a97d57{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-1a97d57.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-1a97d57.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-1a97d57.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-1a97d57.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-1a97d57.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-2ce74fd{--display:flex;}.elementor-327 .elementor-element.elementor-element-76bd79b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-76bd79b:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-5f57703{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-6b2147e{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-c36e359{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-c36e359.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-c36e359.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-c36e359.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-c36e359.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-c36e359.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-6f4f73e{--display:flex;}.elementor-327 .elementor-element.elementor-element-a1381fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-a1381fd:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-c26790e{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-28707b7{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-1480362{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-1480362.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-1480362.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-1480362.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-1480362.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-1480362.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-cd6ccf5{--display:flex;}.elementor-327 .elementor-element.elementor-element-c31c47f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-c31c47f:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-7953990{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-d281d8e{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-9c34415{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-9c34415.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-9c34415.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-9c34415.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-9c34415.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-9c34415.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-27eb0f1{--display:flex;}.elementor-327 .elementor-element.elementor-element-3eb60c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-3eb60c5:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-327 .elementor-element.elementor-element-2cfcf7d{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-808c156{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-13135f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-13135f8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-13135f8.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-13135f8.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-13135f8.elementor-view-framed .elementor-icon, .elementor-327 .elementor-element.elementor-element-13135f8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-1002ab7{--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;border-style:none;--border-style:none;--margin-top:90px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-1002ab7:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-1002ab7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-327 .elementor-element.elementor-element-7009f7b{--display:flex;}.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-327 .elementor-element.elementor-element-e3d9f3f{--display:flex;}.elementor-327 .elementor-element.elementor-element-1c060fa{--swiper-slides-to-display:4;--swiper-slides-gap:10px;}.elementor-327 .elementor-element.elementor-element-1c060fa .swiper-slide > .elementor-element{height:100%;}.elementor-327 .elementor-element.elementor-element-3cc984c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-7fd32c0{padding:0px 0px 48px 0px;}.elementor-327 .elementor-element.elementor-element-7fd32c0.elementor-element{--align-self:center;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon{font-size:25px;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-4e0e96b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-ae98ed3{--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:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-ae98ed3:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-ae98ed3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-327 .elementor-element.elementor-element-ae98ed3.e-con{--align-self:center;}.elementor-327 .elementor-element.elementor-element-777201c{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-327 .elementor-element.elementor-element-437ae51{background-color:var( --e-global-color-85624b9 );margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;border-radius:16px 16px 16px 16px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.11);}.elementor-327 .elementor-element.elementor-element-9d0c964{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-327 .elementor-element.elementor-element-438b95d{--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:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-438b95d:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-438b95d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-327 .elementor-element.elementor-element-438b95d.e-con{--align-self:center;}.elementor-327 .elementor-element.elementor-element-de1c9aa{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-327 .elementor-element.elementor-element-fae785b{background-color:var( --e-global-color-85624b9 );margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;border-radius:16px 16px 16px 16px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.11);}.elementor-327 .elementor-element.elementor-element-3adf85b{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-327 .elementor-element.elementor-element-02cac90{--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:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-02cac90:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-02cac90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-327 .elementor-element.elementor-element-02cac90.e-con{--align-self:center;}.elementor-327 .elementor-element.elementor-element-3674228{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-327 .elementor-element.elementor-element-4fd637a{background-color:var( --e-global-color-85624b9 );margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;border-radius:16px 16px 16px 16px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.11);}.elementor-327 .elementor-element.elementor-element-e7e8a1a{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-327 .elementor-element.elementor-element-28526c1{--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:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-28526c1:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-28526c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-327 .elementor-element.elementor-element-28526c1.e-con{--align-self:center;}.elementor-327 .elementor-element.elementor-element-07fc6a7{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-327 .elementor-element.elementor-element-deb83c0{background-color:var( --e-global-color-85624b9 );margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;border-radius:16px 16px 16px 16px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.11);}.elementor-327 .elementor-element.elementor-element-3122cec{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-327 .elementor-element.elementor-element-a23b6b4{--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;border-style:none;--border-style:none;--margin-top:90px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-a23b6b4:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-a23b6b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-327 .elementor-element.elementor-element-9d2abcf{--display:flex;}.elementor-327 .elementor-element.elementor-element-0bf1e19{--display:flex;}.elementor-327 .elementor-element.elementor-element-0867a8d{--swiper-slides-to-display:3;--swiper-slides-gap:10px;}.elementor-327 .elementor-element.elementor-element-0867a8d .swiper-slide > .elementor-element{height:100%;}.elementor-327 .elementor-element.elementor-element-b57e2ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-327 .elementor-element.elementor-element-eacc067.elementor-element{--align-self:center;}.elementor-327 .elementor-element.elementor-element-eacc067 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-327 .elementor-element.elementor-element-d5ec523{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-25935aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-2b67106{padding:0px 0px 48px 0px;}.elementor-327 .elementor-element.elementor-element-2b67106.elementor-element{--align-self:center;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon{font-size:25px;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-76564d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-327 .elementor-element.elementor-element-d23b962{--display:flex;}.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-8369a3c:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-8369a3c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-b8b06cd{--display:flex;}.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-9a2208a:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-9a2208a:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-792a1ad{--display:flex;}.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-7be06b8:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-7be06b8:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-7b4a029{--display:flex;}.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-ae31b0f:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-ae31b0f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-b256db0{--display:flex;}.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-b0a584d:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-b0a584d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-74f445d{--display:flex;}.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-893518a .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-893518a:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-893518a:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-3b86116{--display:flex;}.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-428cc87:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-428cc87:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-f947da3{--display:flex;}.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon-box-wrapper{gap:15px;}.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon{font-size:35px;}.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-327 .elementor-element.elementor-element-c08fce4:has(:hover) .elementor-icon-box-title,
					 .elementor-327 .elementor-element.elementor-element-c08fce4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-327 .elementor-element.elementor-element-66fd007{--display:flex;--min-height:160px;--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;border-style:solid;--border-style:solid;border-width:0px 0px 20px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:20px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-327 .elementor-element.elementor-element-66fd007:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-66fd007 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-327 .elementor-element.elementor-element-9146421{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-c1b46fd{padding:0px 0px 48px 0px;}.elementor-327 .elementor-element.elementor-element-c1b46fd.elementor-element{--align-self:center;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon{font-size:25px;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-327 .elementor-element.elementor-element-30c9990{--display:flex;}.elementor-widget-testimonial .elementor-testimonial-content{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-testimonial .elementor-testimonial-name{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-testimonial .elementor-testimonial-job{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-327 .elementor-element.elementor-element-734b199{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-327 .elementor-element.elementor-element-5e7938a{--display:flex;}.elementor-327 .elementor-element.elementor-element-a3d5956{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-327 .elementor-element.elementor-element-da45579{--display:flex;}.elementor-327 .elementor-element.elementor-element-a6c9296{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-327 .elementor-element.elementor-element-a306756{--display:flex;}.elementor-327 .elementor-element.elementor-element-2db09eb{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-wrapper{text-align:center;}.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-327 .elementor-element.elementor-element-cd165a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-8de3af9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-327 .elementor-element.elementor-element-3fccef0{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-327 .elementor-element.elementor-element-e888c4c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-327 .elementor-element.elementor-element-7009f7b{--justify-content:center;}.elementor-327 .elementor-element.elementor-element-1c060fa{--swiper-slides-to-display:2;}.elementor-327 .elementor-element.elementor-element-4e0e96b{--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-327 .elementor-element.elementor-element-9d2abcf{--justify-content:center;}.elementor-327 .elementor-element.elementor-element-0867a8d{--swiper-slides-to-display:2;}.elementor-327 .elementor-element.elementor-element-cd165a8{--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;}}@media(max-width:767px){.elementor-327 .elementor-element.elementor-element-37d34a1{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-327 .elementor-element.elementor-element-f35d44f .elementor-heading-title{font-size:24px;line-height:1.8em;}.elementor-327 .elementor-element.elementor-element-d286cbc{z-index:1;}.elementor-327 .elementor-element.elementor-element-35070d4{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-327 .elementor-element.elementor-element-858608b .elementor-heading-title{font-size:24px;line-height:1.8em;}.elementor-327 .elementor-element.elementor-element-1d50dde{z-index:1;}.elementor-327 .elementor-element.elementor-element-d8ed703{width:var( --container-widget-width, 45% );max-width:45%;padding:0px 0px 0px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-3f7c6d4{width:var( --container-widget-width, 45% );max-width:45%;padding:0px 0px 0px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-252926a{width:var( --container-widget-width, 45% );max-width:45%;padding:0px 0px 0px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-200358a{width:var( --container-widget-width, 45% );max-width:45%;padding:0px 0px 0px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-wrapper{gap:10px;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-title{margin-block-end:0px;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon{font-size:15px;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-title a{font-size:20px;}.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon-box-description{font-size:18px;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-wrapper{gap:10px;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-title{margin-block-end:0px;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon{font-size:15px;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-title a{font-size:20px;}.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon-box-description{font-size:18px;}.elementor-327 .elementor-element.elementor-element-1002ab7{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-327 .elementor-element.elementor-element-3cf2024 img{width:50%;}.elementor-327 .elementor-element.elementor-element-1c060fa{--swiper-slides-to-display:1;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-wrapper{gap:10px;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-title{margin-block-end:0px;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon{font-size:15px;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-title a{font-size:20px;}.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon-box-description{font-size:18px;}.elementor-327 .elementor-element.elementor-element-4e0e96b{--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:60px 40px;--row-gap:60px;--column-gap:40px;}.elementor-327 .elementor-element.elementor-element-ae98ed3{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-9d0c964{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-438b95d{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-3adf85b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-02cac90{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-e7e8a1a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-28526c1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-327 .elementor-element.elementor-element-3122cec{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-327 .elementor-element.elementor-element-a23b6b4{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-327 .elementor-element.elementor-element-9450c6d img{width:50%;}.elementor-327 .elementor-element.elementor-element-0867a8d{--swiper-slides-to-display:1;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-wrapper{gap:10px;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-title{margin-block-end:0px;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon{font-size:15px;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-title a{font-size:20px;}.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon-box-description{font-size:18px;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-wrapper{gap:10px;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-title{margin-block-end:0px;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon{font-size:15px;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-title, .elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-title a{font-size:20px;}.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon-box-description{font-size:18px;}}@media(min-width:768px){.elementor-327 .elementor-element.elementor-element-e888c4c{--width:100%;}.elementor-327 .elementor-element.elementor-element-c54bf58{--width:90%;}.elementor-327 .elementor-element.elementor-element-cffe22d{--width:100%;}.elementor-327 .elementor-element.elementor-element-7a917d4{--width:100%;}.elementor-327 .elementor-element.elementor-element-da68c34{--width:100%;}.elementor-327 .elementor-element.elementor-element-a29a87b{--width:100%;}.elementor-327 .elementor-element.elementor-element-8fba33f{--width:100%;}.elementor-327 .elementor-element.elementor-element-62f21e5{--width:100%;}.elementor-327 .elementor-element.elementor-element-3943b32{--width:100%;}.elementor-327 .elementor-element.elementor-element-3c476c7{--width:100%;}.elementor-327 .elementor-element.elementor-element-76bd79b{--width:100%;}.elementor-327 .elementor-element.elementor-element-a1381fd{--width:100%;}.elementor-327 .elementor-element.elementor-element-c31c47f{--width:100%;}.elementor-327 .elementor-element.elementor-element-3eb60c5{--width:100%;}.elementor-327 .elementor-element.elementor-element-7009f7b{--width:40%;}.elementor-327 .elementor-element.elementor-element-777201c{--width:50%;}.elementor-327 .elementor-element.elementor-element-9d0c964{--width:50%;}.elementor-327 .elementor-element.elementor-element-de1c9aa{--width:50%;}.elementor-327 .elementor-element.elementor-element-3adf85b{--width:50%;}.elementor-327 .elementor-element.elementor-element-3674228{--width:50%;}.elementor-327 .elementor-element.elementor-element-e7e8a1a{--width:50%;}.elementor-327 .elementor-element.elementor-element-07fc6a7{--width:50%;}.elementor-327 .elementor-element.elementor-element-3122cec{--width:50%;}.elementor-327 .elementor-element.elementor-element-9d2abcf{--width:40%;}.elementor-327 .elementor-element.elementor-element-76564d4{--width:100%;}.elementor-327 .elementor-element.elementor-element-8de3af9{--width:50%;}.elementor-327 .elementor-element.elementor-element-3fccef0{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-327 .elementor-element.elementor-element-7009f7b{--width:50%;}.elementor-327 .elementor-element.elementor-element-ae98ed3{--width:50%;}.elementor-327 .elementor-element.elementor-element-438b95d{--width:50%;}.elementor-327 .elementor-element.elementor-element-02cac90{--width:50%;}.elementor-327 .elementor-element.elementor-element-28526c1{--width:50%;}.elementor-327 .elementor-element.elementor-element-9d2abcf{--width:50%;}.elementor-327 .elementor-element.elementor-element-8de3af9{--width:100%;}.elementor-327 .elementor-element.elementor-element-3fccef0{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-f35d44f *//* کلمات پررنگ */
.elementor-327 .elementor-element.elementor-element-f35d44f strong {
    font-weight: 600;
}

/* فقط strong دوم (برندهای ایمپلنت) - خط زیرش */
.elementor-327 .elementor-element.elementor-element-f35d44f strong:last-of-type {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.elementor-327 .elementor-element.elementor-element-f35d44f strong:last-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    transform: translateX(-50%);
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-858608b *//* کلمات پررنگ */
.elementor-327 .elementor-element.elementor-element-858608b strong {
    font-weight: 600;
}

/* فقط strong دوم (برندهای ایمپلنت) - خط زیرش */
.elementor-327 .elementor-element.elementor-element-858608b strong:last-of-type {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.elementor-327 .elementor-element.elementor-element-858608b strong:last-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    transform: translateX(-50%);
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f35d44f *//* کلمات پررنگ */
.elementor-327 .elementor-element.elementor-element-f35d44f strong {
    font-weight: 600;
}

/* فقط strong دوم (برندهای ایمپلنت) - خط زیرش */
.elementor-327 .elementor-element.elementor-element-f35d44f strong:last-of-type {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.elementor-327 .elementor-element.elementor-element-f35d44f strong:last-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    transform: translateX(-50%);
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-858608b *//* کلمات پررنگ */
.elementor-327 .elementor-element.elementor-element-858608b strong {
    font-weight: 600;
}

/* فقط strong دوم (برندهای ایمپلنت) - خط زیرش */
.elementor-327 .elementor-element.elementor-element-858608b strong:last-of-type {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.elementor-327 .elementor-element.elementor-element-858608b strong:last-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    transform: translateX(-50%);
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f35d44f *//* کلمات پررنگ */
.elementor-327 .elementor-element.elementor-element-f35d44f strong {
    font-weight: 600;
}

/* فقط strong دوم (برندهای ایمپلنت) - خط زیرش */
.elementor-327 .elementor-element.elementor-element-f35d44f strong:last-of-type {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.elementor-327 .elementor-element.elementor-element-f35d44f strong:last-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    transform: translateX(-50%);
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-858608b *//* کلمات پررنگ */
.elementor-327 .elementor-element.elementor-element-858608b strong {
    font-weight: 600;
}

/* فقط strong دوم (برندهای ایمپلنت) - خط زیرش */
.elementor-327 .elementor-element.elementor-element-858608b strong:last-of-type {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.elementor-327 .elementor-element.elementor-element-858608b strong:last-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    transform: translateX(-50%);
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c94a18b *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-327 .elementor-element.elementor-element-c94a18b .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

/* ===== متن strong با پس‌زمینه pill (before) ===== */
.elementor-327 .elementor-element.elementor-element-c94a18b strong {
    font-weight: 800;
}

.elementor-327 .elementor-element.elementor-element-c94a18b strong {
    position: relative;
    display: inline-block;
    padding: 4px 0;
    color: #08376a;          /* رنگ متن */
}

.elementor-327 .elementor-element.elementor-element-c94a18b strong::before {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%;
    background: rgba(0, 0, 0, 0.06);   /* پس‌زمینه خاکستری روشن */
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50bd5a1 */.elementor-327 .elementor-element.elementor-element-50bd5a1 svg, 
.elementor-327 .elementor-element.elementor-element-50bd5a1 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffe22d *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-cffe22d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-cffe22d::before, 
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-cffe22d::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-cffe22d:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b3cfa4 */.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg, 
.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a917d4 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-7a917d4 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-7a917d4::before, 
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-7a917d4::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-7a917d4:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-61da661 */.elementor-327 .elementor-element.elementor-element-61da661 svg, 
.elementor-327 .elementor-element.elementor-element-61da661 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da68c34 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-da68c34 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-da68c34::before, 
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-da68c34::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-da68c34:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b3fc4e */.elementor-327 .elementor-element.elementor-element-2b3fc4e svg, 
.elementor-327 .elementor-element.elementor-element-2b3fc4e svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a29a87b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a29a87b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a29a87b::before, 
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a29a87b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a29a87b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-58ae9e4 */.elementor-327 .elementor-element.elementor-element-58ae9e4 svg, 
.elementor-327 .elementor-element.elementor-element-58ae9e4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fba33f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-8fba33f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-8fba33f::before, 
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-8fba33f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-8fba33f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed05eff */.elementor-327 .elementor-element.elementor-element-ed05eff svg, 
.elementor-327 .elementor-element.elementor-element-ed05eff svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f21e5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-62f21e5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-62f21e5::before, 
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-62f21e5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-62f21e5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50bd5a1 */.elementor-327 .elementor-element.elementor-element-50bd5a1 svg, 
.elementor-327 .elementor-element.elementor-element-50bd5a1 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffe22d *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-cffe22d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-cffe22d::before, 
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-cffe22d::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-cffe22d:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b3cfa4 */.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg, 
.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a917d4 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-7a917d4 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-7a917d4::before, 
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-7a917d4::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-7a917d4:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-61da661 */.elementor-327 .elementor-element.elementor-element-61da661 svg, 
.elementor-327 .elementor-element.elementor-element-61da661 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da68c34 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-da68c34 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-da68c34::before, 
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-da68c34::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-da68c34:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b3fc4e */.elementor-327 .elementor-element.elementor-element-2b3fc4e svg, 
.elementor-327 .elementor-element.elementor-element-2b3fc4e svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a29a87b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a29a87b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a29a87b::before, 
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a29a87b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a29a87b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-58ae9e4 */.elementor-327 .elementor-element.elementor-element-58ae9e4 svg, 
.elementor-327 .elementor-element.elementor-element-58ae9e4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fba33f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-8fba33f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-8fba33f::before, 
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-8fba33f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-8fba33f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed05eff */.elementor-327 .elementor-element.elementor-element-ed05eff svg, 
.elementor-327 .elementor-element.elementor-element-ed05eff svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f21e5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-62f21e5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-62f21e5::before, 
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-62f21e5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-62f21e5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50bd5a1 */.elementor-327 .elementor-element.elementor-element-50bd5a1 svg, 
.elementor-327 .elementor-element.elementor-element-50bd5a1 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffe22d *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-cffe22d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-cffe22d::before, 
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-cffe22d::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-cffe22d:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b3cfa4 */.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg, 
.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a917d4 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-7a917d4 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-7a917d4::before, 
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-7a917d4::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-7a917d4:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-61da661 */.elementor-327 .elementor-element.elementor-element-61da661 svg, 
.elementor-327 .elementor-element.elementor-element-61da661 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da68c34 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-da68c34 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-da68c34::before, 
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-da68c34::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-da68c34:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b3fc4e */.elementor-327 .elementor-element.elementor-element-2b3fc4e svg, 
.elementor-327 .elementor-element.elementor-element-2b3fc4e svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a29a87b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a29a87b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a29a87b::before, 
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a29a87b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a29a87b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-58ae9e4 */.elementor-327 .elementor-element.elementor-element-58ae9e4 svg, 
.elementor-327 .elementor-element.elementor-element-58ae9e4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fba33f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-8fba33f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-8fba33f::before, 
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-8fba33f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-8fba33f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed05eff */.elementor-327 .elementor-element.elementor-element-ed05eff svg, 
.elementor-327 .elementor-element.elementor-element-ed05eff svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f21e5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-62f21e5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-62f21e5::before, 
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-62f21e5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-62f21e5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50bd5a1 */.elementor-327 .elementor-element.elementor-element-50bd5a1 svg, 
.elementor-327 .elementor-element.elementor-element-50bd5a1 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffe22d *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-cffe22d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-cffe22d::before, 
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-cffe22d::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-cffe22d:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b3cfa4 */.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg, 
.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a917d4 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-7a917d4 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-7a917d4::before, 
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-7a917d4::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-7a917d4:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-61da661 */.elementor-327 .elementor-element.elementor-element-61da661 svg, 
.elementor-327 .elementor-element.elementor-element-61da661 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da68c34 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-da68c34 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-da68c34::before, 
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-da68c34::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-da68c34:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b3fc4e */.elementor-327 .elementor-element.elementor-element-2b3fc4e svg, 
.elementor-327 .elementor-element.elementor-element-2b3fc4e svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a29a87b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a29a87b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a29a87b::before, 
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a29a87b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a29a87b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-58ae9e4 */.elementor-327 .elementor-element.elementor-element-58ae9e4 svg, 
.elementor-327 .elementor-element.elementor-element-58ae9e4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fba33f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-8fba33f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-8fba33f::before, 
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-8fba33f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-8fba33f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed05eff */.elementor-327 .elementor-element.elementor-element-ed05eff svg, 
.elementor-327 .elementor-element.elementor-element-ed05eff svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f21e5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-62f21e5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-62f21e5::before, 
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-62f21e5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-62f21e5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50bd5a1 */.elementor-327 .elementor-element.elementor-element-50bd5a1 svg, 
.elementor-327 .elementor-element.elementor-element-50bd5a1 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffe22d *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-cffe22d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-cffe22d::before, 
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-cffe22d::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-cffe22d:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b3cfa4 */.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg, 
.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a917d4 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-7a917d4 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-7a917d4::before, 
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-7a917d4::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-7a917d4:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-61da661 */.elementor-327 .elementor-element.elementor-element-61da661 svg, 
.elementor-327 .elementor-element.elementor-element-61da661 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da68c34 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-da68c34 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-da68c34::before, 
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-da68c34::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-da68c34:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b3fc4e */.elementor-327 .elementor-element.elementor-element-2b3fc4e svg, 
.elementor-327 .elementor-element.elementor-element-2b3fc4e svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a29a87b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a29a87b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a29a87b::before, 
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a29a87b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a29a87b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-58ae9e4 */.elementor-327 .elementor-element.elementor-element-58ae9e4 svg, 
.elementor-327 .elementor-element.elementor-element-58ae9e4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fba33f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-8fba33f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-8fba33f::before, 
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-8fba33f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-8fba33f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed05eff */.elementor-327 .elementor-element.elementor-element-ed05eff svg, 
.elementor-327 .elementor-element.elementor-element-ed05eff svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f21e5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-62f21e5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-62f21e5::before, 
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-62f21e5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-62f21e5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50bd5a1 */.elementor-327 .elementor-element.elementor-element-50bd5a1 svg, 
.elementor-327 .elementor-element.elementor-element-50bd5a1 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffe22d *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-cffe22d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-cffe22d::before, 
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-cffe22d::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-cffe22d:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b3cfa4 */.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg, 
.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a917d4 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-7a917d4 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-7a917d4::before, 
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-7a917d4::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-7a917d4:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-61da661 */.elementor-327 .elementor-element.elementor-element-61da661 svg, 
.elementor-327 .elementor-element.elementor-element-61da661 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da68c34 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-da68c34 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-da68c34::before, 
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-da68c34::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-da68c34:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b3fc4e */.elementor-327 .elementor-element.elementor-element-2b3fc4e svg, 
.elementor-327 .elementor-element.elementor-element-2b3fc4e svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a29a87b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a29a87b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a29a87b::before, 
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a29a87b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a29a87b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-58ae9e4 */.elementor-327 .elementor-element.elementor-element-58ae9e4 svg, 
.elementor-327 .elementor-element.elementor-element-58ae9e4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fba33f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-8fba33f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-8fba33f::before, 
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-8fba33f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-8fba33f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed05eff */.elementor-327 .elementor-element.elementor-element-ed05eff svg, 
.elementor-327 .elementor-element.elementor-element-ed05eff svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f21e5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-62f21e5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-62f21e5::before, 
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-62f21e5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-62f21e5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50bd5a1 */.elementor-327 .elementor-element.elementor-element-50bd5a1 svg, 
.elementor-327 .elementor-element.elementor-element-50bd5a1 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-50bd5a1 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffe22d *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-cffe22d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-cffe22d::before, 
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-cffe22d::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-cffe22d::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-cffe22d:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8b3cfa4 */.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg, 
.elementor-327 .elementor-element.elementor-element-8b3cfa4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-8b3cfa4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a917d4 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-7a917d4 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-7a917d4::before, 
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-7a917d4::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-7a917d4::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-7a917d4:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-61da661 */.elementor-327 .elementor-element.elementor-element-61da661 svg, 
.elementor-327 .elementor-element.elementor-element-61da661 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-61da661 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da68c34 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-da68c34 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-da68c34::before, 
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-da68c34::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-da68c34::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-da68c34:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b3fc4e */.elementor-327 .elementor-element.elementor-element-2b3fc4e svg, 
.elementor-327 .elementor-element.elementor-element-2b3fc4e svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-2b3fc4e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a29a87b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a29a87b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a29a87b::before, 
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a29a87b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a29a87b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a29a87b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-58ae9e4 */.elementor-327 .elementor-element.elementor-element-58ae9e4 svg, 
.elementor-327 .elementor-element.elementor-element-58ae9e4 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-58ae9e4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fba33f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-8fba33f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-8fba33f::before, 
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-8fba33f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-8fba33f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-8fba33f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed05eff */.elementor-327 .elementor-element.elementor-element-ed05eff svg, 
.elementor-327 .elementor-element.elementor-element-ed05eff svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-ed05eff .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f21e5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-62f21e5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-62f21e5::before, 
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-62f21e5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-62f21e5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-62f21e5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6e4d35a *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-327 .elementor-element.elementor-element-6e4d35a .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

/* ===== متن strong با پس‌زمینه pill (before) ===== */
.elementor-327 .elementor-element.elementor-element-6e4d35a strong {
    font-weight: 800;
}

.elementor-327 .elementor-element.elementor-element-6e4d35a strong {
    position: relative;
    display: inline-block;
    padding: 4px 0;
    color: #08376a;          /* رنگ متن */
}

.elementor-327 .elementor-element.elementor-element-6e4d35a strong::before {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%;
    background: rgba(0, 0, 0, 0.06);   /* پس‌زمینه خاکستری روشن */
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-643f004 */.elementor-327 .elementor-element.elementor-element-643f004 svg, 
.elementor-327 .elementor-element.elementor-element-643f004 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3943b32 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3943b32 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3943b32::before, 
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3943b32::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3943b32:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1a97d57 */.elementor-327 .elementor-element.elementor-element-1a97d57 svg, 
.elementor-327 .elementor-element.elementor-element-1a97d57 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c476c7 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3c476c7 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3c476c7::before, 
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3c476c7::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3c476c7:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c36e359 */.elementor-327 .elementor-element.elementor-element-c36e359 svg, 
.elementor-327 .elementor-element.elementor-element-c36e359 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76bd79b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-76bd79b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-76bd79b::before, 
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-76bd79b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-76bd79b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1480362 */.elementor-327 .elementor-element.elementor-element-1480362 svg, 
.elementor-327 .elementor-element.elementor-element-1480362 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1381fd *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a1381fd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a1381fd::before, 
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a1381fd::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a1381fd:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c34415 */.elementor-327 .elementor-element.elementor-element-9c34415 svg, 
.elementor-327 .elementor-element.elementor-element-9c34415 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31c47f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-c31c47f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-c31c47f::before, 
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-c31c47f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-c31c47f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-13135f8 */.elementor-327 .elementor-element.elementor-element-13135f8 svg, 
.elementor-327 .elementor-element.elementor-element-13135f8 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb60c5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3eb60c5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before, 
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3eb60c5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-643f004 */.elementor-327 .elementor-element.elementor-element-643f004 svg, 
.elementor-327 .elementor-element.elementor-element-643f004 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3943b32 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3943b32 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3943b32::before, 
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3943b32::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3943b32:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1a97d57 */.elementor-327 .elementor-element.elementor-element-1a97d57 svg, 
.elementor-327 .elementor-element.elementor-element-1a97d57 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c476c7 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3c476c7 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3c476c7::before, 
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3c476c7::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3c476c7:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c36e359 */.elementor-327 .elementor-element.elementor-element-c36e359 svg, 
.elementor-327 .elementor-element.elementor-element-c36e359 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76bd79b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-76bd79b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-76bd79b::before, 
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-76bd79b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-76bd79b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1480362 */.elementor-327 .elementor-element.elementor-element-1480362 svg, 
.elementor-327 .elementor-element.elementor-element-1480362 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1381fd *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a1381fd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a1381fd::before, 
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a1381fd::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a1381fd:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c34415 */.elementor-327 .elementor-element.elementor-element-9c34415 svg, 
.elementor-327 .elementor-element.elementor-element-9c34415 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31c47f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-c31c47f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-c31c47f::before, 
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-c31c47f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-c31c47f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-13135f8 */.elementor-327 .elementor-element.elementor-element-13135f8 svg, 
.elementor-327 .elementor-element.elementor-element-13135f8 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb60c5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3eb60c5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before, 
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3eb60c5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-643f004 */.elementor-327 .elementor-element.elementor-element-643f004 svg, 
.elementor-327 .elementor-element.elementor-element-643f004 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3943b32 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3943b32 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3943b32::before, 
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3943b32::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3943b32:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1a97d57 */.elementor-327 .elementor-element.elementor-element-1a97d57 svg, 
.elementor-327 .elementor-element.elementor-element-1a97d57 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c476c7 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3c476c7 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3c476c7::before, 
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3c476c7::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3c476c7:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c36e359 */.elementor-327 .elementor-element.elementor-element-c36e359 svg, 
.elementor-327 .elementor-element.elementor-element-c36e359 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76bd79b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-76bd79b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-76bd79b::before, 
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-76bd79b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-76bd79b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1480362 */.elementor-327 .elementor-element.elementor-element-1480362 svg, 
.elementor-327 .elementor-element.elementor-element-1480362 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1381fd *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a1381fd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a1381fd::before, 
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a1381fd::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a1381fd:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c34415 */.elementor-327 .elementor-element.elementor-element-9c34415 svg, 
.elementor-327 .elementor-element.elementor-element-9c34415 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31c47f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-c31c47f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-c31c47f::before, 
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-c31c47f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-c31c47f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-13135f8 */.elementor-327 .elementor-element.elementor-element-13135f8 svg, 
.elementor-327 .elementor-element.elementor-element-13135f8 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb60c5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3eb60c5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before, 
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3eb60c5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-643f004 */.elementor-327 .elementor-element.elementor-element-643f004 svg, 
.elementor-327 .elementor-element.elementor-element-643f004 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3943b32 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3943b32 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3943b32::before, 
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3943b32::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3943b32:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1a97d57 */.elementor-327 .elementor-element.elementor-element-1a97d57 svg, 
.elementor-327 .elementor-element.elementor-element-1a97d57 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c476c7 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3c476c7 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3c476c7::before, 
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3c476c7::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3c476c7:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c36e359 */.elementor-327 .elementor-element.elementor-element-c36e359 svg, 
.elementor-327 .elementor-element.elementor-element-c36e359 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76bd79b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-76bd79b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-76bd79b::before, 
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-76bd79b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-76bd79b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1480362 */.elementor-327 .elementor-element.elementor-element-1480362 svg, 
.elementor-327 .elementor-element.elementor-element-1480362 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1381fd *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a1381fd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a1381fd::before, 
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a1381fd::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a1381fd:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c34415 */.elementor-327 .elementor-element.elementor-element-9c34415 svg, 
.elementor-327 .elementor-element.elementor-element-9c34415 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31c47f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-c31c47f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-c31c47f::before, 
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-c31c47f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-c31c47f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-13135f8 */.elementor-327 .elementor-element.elementor-element-13135f8 svg, 
.elementor-327 .elementor-element.elementor-element-13135f8 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb60c5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3eb60c5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before, 
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3eb60c5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-643f004 */.elementor-327 .elementor-element.elementor-element-643f004 svg, 
.elementor-327 .elementor-element.elementor-element-643f004 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3943b32 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3943b32 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3943b32::before, 
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3943b32::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3943b32:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1a97d57 */.elementor-327 .elementor-element.elementor-element-1a97d57 svg, 
.elementor-327 .elementor-element.elementor-element-1a97d57 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c476c7 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3c476c7 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3c476c7::before, 
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3c476c7::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3c476c7:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c36e359 */.elementor-327 .elementor-element.elementor-element-c36e359 svg, 
.elementor-327 .elementor-element.elementor-element-c36e359 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76bd79b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-76bd79b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-76bd79b::before, 
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-76bd79b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-76bd79b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1480362 */.elementor-327 .elementor-element.elementor-element-1480362 svg, 
.elementor-327 .elementor-element.elementor-element-1480362 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1381fd *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a1381fd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a1381fd::before, 
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a1381fd::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a1381fd:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c34415 */.elementor-327 .elementor-element.elementor-element-9c34415 svg, 
.elementor-327 .elementor-element.elementor-element-9c34415 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31c47f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-c31c47f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-c31c47f::before, 
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-c31c47f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-c31c47f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-13135f8 */.elementor-327 .elementor-element.elementor-element-13135f8 svg, 
.elementor-327 .elementor-element.elementor-element-13135f8 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb60c5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3eb60c5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before, 
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3eb60c5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-643f004 */.elementor-327 .elementor-element.elementor-element-643f004 svg, 
.elementor-327 .elementor-element.elementor-element-643f004 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3943b32 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3943b32 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3943b32::before, 
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3943b32::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3943b32:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1a97d57 */.elementor-327 .elementor-element.elementor-element-1a97d57 svg, 
.elementor-327 .elementor-element.elementor-element-1a97d57 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c476c7 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3c476c7 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3c476c7::before, 
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3c476c7::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3c476c7:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c36e359 */.elementor-327 .elementor-element.elementor-element-c36e359 svg, 
.elementor-327 .elementor-element.elementor-element-c36e359 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76bd79b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-76bd79b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-76bd79b::before, 
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-76bd79b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-76bd79b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1480362 */.elementor-327 .elementor-element.elementor-element-1480362 svg, 
.elementor-327 .elementor-element.elementor-element-1480362 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1381fd *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a1381fd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a1381fd::before, 
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a1381fd::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a1381fd:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c34415 */.elementor-327 .elementor-element.elementor-element-9c34415 svg, 
.elementor-327 .elementor-element.elementor-element-9c34415 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31c47f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-c31c47f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-c31c47f::before, 
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-c31c47f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-c31c47f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-13135f8 */.elementor-327 .elementor-element.elementor-element-13135f8 svg, 
.elementor-327 .elementor-element.elementor-element-13135f8 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb60c5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3eb60c5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before, 
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3eb60c5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-643f004 */.elementor-327 .elementor-element.elementor-element-643f004 svg, 
.elementor-327 .elementor-element.elementor-element-643f004 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-643f004 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3943b32 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3943b32 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3943b32::before, 
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3943b32::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3943b32::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3943b32:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1a97d57 */.elementor-327 .elementor-element.elementor-element-1a97d57 svg, 
.elementor-327 .elementor-element.elementor-element-1a97d57 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1a97d57 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c476c7 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3c476c7 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3c476c7::before, 
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3c476c7::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3c476c7::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3c476c7:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c36e359 */.elementor-327 .elementor-element.elementor-element-c36e359 svg, 
.elementor-327 .elementor-element.elementor-element-c36e359 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-c36e359 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76bd79b *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-76bd79b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-76bd79b::before, 
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-76bd79b::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-76bd79b::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-76bd79b:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1480362 */.elementor-327 .elementor-element.elementor-element-1480362 svg, 
.elementor-327 .elementor-element.elementor-element-1480362 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-1480362 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1381fd *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-a1381fd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-a1381fd::before, 
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-a1381fd::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-a1381fd::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-a1381fd:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c34415 */.elementor-327 .elementor-element.elementor-element-9c34415 svg, 
.elementor-327 .elementor-element.elementor-element-9c34415 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-9c34415 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31c47f *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-c31c47f {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-c31c47f::before, 
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-c31c47f::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-c31c47f::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-c31c47f:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-13135f8 */.elementor-327 .elementor-element.elementor-element-13135f8 svg, 
.elementor-327 .elementor-element.elementor-element-13135f8 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-13135f8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb60c5 *//* تنظیمات پایه کانتینر اصلی */
.elementor-327 .elementor-element.elementor-element-3eb60c5 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

/* ساخت لایه‌های پس‌زمینه که کاملاً فیت باکس هستند */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before, 
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* گردی گوشه‌ها رو از کانتینر اصلی به ارث می‌بره */
    z-index: -1;
}

/* لایه اول (عادی): بک‌گراند خاکستری با برش قطری */
.elementor-327 .elementor-element.elementor-element-3eb60c5::before {
    background: linear-gradient(165deg, transparent 35%, #E6EBF0 35.3%);
}

/* لایه دوم (هاور): بک‌گراند سفید با برش قطری که در حالت عادی کاملاً شفاف است */
.elementor-327 .elementor-element.elementor-element-3eb60c5::after {
    background: linear-gradient(165deg, transparent 35%, #ffffff 35.3%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* سرعت ترنزیشن رو اینجا می‌تونی کم و زیاد کنی */
}

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-327 .elementor-element.elementor-element-3eb60c5:hover::after {
    opacity: 1;
}

/* اضافه کردن افکت نرم برای تغییر رنگ */
.brandcart .elementor-icon,
.brandcart .elementor-icon svg {
    transition: all 0.3s ease;
}

/* تغییر رنگ پس‌زمینه دایره به رنگ اصلی سایت هنگام هاور روی کارت */
.brandcart:hover .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

/* سفید شدن خود فلش (آیکون) هنگام هاور روی کارت */
.brandcart:hover .elementor-icon svg,
.brandcart:hover .elementor-icon svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-1c060fa *//* فضا برای نمایش سایه کارت‌ها در اسلایدر لوپ */
.elementor-loop-container.swiper {
    overflow: hidden;                 /* باید hidden بماند برای اسلایدر */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7fd32c0 *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-327 .elementor-element.elementor-element-7fd32c0 .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

/* ===== متن strong با پس‌زمینه pill (before) ===== */
.elementor-327 .elementor-element.elementor-element-7fd32c0 strong {
    font-weight: 800;
}

.elementor-327 .elementor-element.elementor-element-7fd32c0 strong {
    position: relative;
    display: inline-block;
    padding: 4px 0;
    color: #08376a;          /* رنگ متن */
}

.elementor-327 .elementor-element.elementor-element-7fd32c0 strong::before {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%;
    background: rgba(0, 0, 0, 0.06);   /* پس‌زمینه خاکستری روشن */
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-182a2ad */.elementor-327 .elementor-element.elementor-element-182a2ad svg, 
.elementor-327 .elementor-element.elementor-element-182a2ad svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-182a2ad .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d761a1a */.elementor-327 .elementor-element.elementor-element-d761a1a svg, 
.elementor-327 .elementor-element.elementor-element-d761a1a svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-d761a1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-436f9c6 */.elementor-327 .elementor-element.elementor-element-436f9c6 svg, 
.elementor-327 .elementor-element.elementor-element-436f9c6 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-436f9c6 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0af3109 */.elementor-327 .elementor-element.elementor-element-0af3109 svg, 
.elementor-327 .elementor-element.elementor-element-0af3109 svg path {
    fill: none !important;
}
.elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    width: 35px; /* عرض دایره - در صورت نیاز سایز را کم و زیاد کنید */
    height: 35px; /* ارتفاع دایره - برای گرد شدن کامل باید دقیقاً برابر با عرض باشد */
    border-radius: 50%; /* انحنای کامل برای ایجاد دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از بیضی شدن و دفرمه شدن دایره در کانتینرهای فلکس */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* یک سایه بسیار محو برای جداسازی بهتر دایره سفید از پس‌زمینه طوسی */
}

.elementor-327 .elementor-element.elementor-element-0af3109 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-0867a8d *//* فضا برای نمایش سایه کارت‌ها در اسلایدر لوپ */
.elementor-loop-container.swiper {
    overflow: hidden;                 /* باید hidden بماند برای اسلایدر */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b67106 *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-327 .elementor-element.elementor-element-2b67106 .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

/* ===== متن strong با پس‌زمینه pill (before) ===== */
.elementor-327 .elementor-element.elementor-element-2b67106 strong {
    font-weight: 800;
}

.elementor-327 .elementor-element.elementor-element-2b67106 strong {
    position: relative;
    display: inline-block;
    padding: 4px 0;
    color: #08376a;          /* رنگ متن */
}

.elementor-327 .elementor-element.elementor-element-2b67106 strong::before {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%;
    background: rgba(0, 0, 0, 0.06);   /* پس‌زمینه خاکستری روشن */
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8369a3c *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-8369a3c .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a2208a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-9a2208a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7be06b8 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-7be06b8 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ae31b0f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-ae31b0f .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b0a584d *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-b0a584d .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-893518a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-893518a .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-428cc87 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-428cc87 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c08fce4 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
}

/* حلقه باریک دور دایره (با after) */
.elementor-327 .elementor-element.elementor-element-c08fce4 .elementor-icon::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border:2px solid rgb(41 183 172 / 90%);  /* رنگ حلقه */
    border-radius: 50%;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c1b46fd *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-327 .elementor-element.elementor-element-c1b46fd .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

/* ===== متن strong با پس‌زمینه pill (before) ===== */
.elementor-327 .elementor-element.elementor-element-c1b46fd strong {
    font-weight: 800;
}

.elementor-327 .elementor-element.elementor-element-c1b46fd strong {
    position: relative;
    display: inline-block;
    padding: 4px 0;
    color: #08376a;          /* رنگ متن */
}

.elementor-327 .elementor-element.elementor-element-c1b46fd strong::before {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%;
    background: rgba(0, 0, 0, 0.06);   /* پس‌زمینه خاکستری روشن */
    border-radius: 30px;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-734b199 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a3d5956 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a6c9296 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-2db09eb *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-734b199 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a3d5956 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a6c9296 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-2db09eb *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-734b199 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a3d5956 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a6c9296 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-2db09eb *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-734b199 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a3d5956 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a6c9296 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-2db09eb *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-734b199 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-734b199 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a3d5956 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a3d5956 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-a6c9296 *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-a6c9296 .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-2db09eb *//* ===== کانتینر اصلی ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/* ===== بخش بالا: عکس + نام (اول نمایش داده شود) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta {
    order: 1;
    margin-bottom: 16px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-meta-inner {
    display: flex;
    flex-direction: row-reverse;   /* عکس سمت راست */
    align-items: right;
    justify-content: flex-start;
    gap: 14px;
}

/* عکس گرد */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 16px;           /* گوشه‌گرد مثل طرح. برای دایره: 50% */
    object-fit: cover;
}

/* جزئیات (نام و شغل) راست‌چین */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details {
    text-align: right;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-name {
    font-weight: 800;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-job {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding-bottom: 10px;

}

/* ===== ستاره‌ها (با after بعد از نام/شغل) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-details::after {
    content: "★★★";
    display: block;
    color: #ffb400;
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: 6px;
    text-align: right; 
}

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-327 .elementor-element.elementor-element-2db09eb .elementor-testimonial-content {
    order: 2;
    background: #f4f4f7;
    border-radius: 20px;
    padding: 22px 24px;
    text-align: right;
    line-height: 2;
    font-size: 15px;
    color: #444;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'webinew-iYx-vf';
	font-display: auto;
	src: url('https://implanthub.ir/wp-content/uploads/2025/11/webinew-iYx-vf.ttf') format('truetype');
}
/* End Custom Fonts CSS */