.elementor-2151 .elementor-element.elementor-element-61b1a72{--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-2151 .elementor-element.elementor-element-a5ba545{--display:flex;}.elementor-2151 .elementor-element.elementor-element-0e51890{--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;--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-2151 .elementor-element.elementor-element-0e51890:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-0e51890 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(240deg, var( --e-global-color-primary ) 16%, #D5D5D5 100%);}.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-2151 .elementor-element.elementor-element-5b6d347{--divider-border-style:solid;--divider-color:var( --e-global-color-85624b9 );--divider-border-width:1px;}.elementor-2151 .elementor-element.elementor-element-5b6d347 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2151 .elementor-element.elementor-element-5b6d347 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2151 .elementor-element.elementor-element-5b6d347 .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-2151 .elementor-element.elementor-element-dd0376b{text-align:center;}.elementor-2151 .elementor-element.elementor-element-dd0376b .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-2151 .elementor-element.elementor-element-1b43239 .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-2151 .elementor-element.elementor-element-1b43239{padding:0px 0px 60px 0px;}.elementor-2151 .elementor-element.elementor-element-1b43239 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2151 .elementor-element.elementor-element-1b43239 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-2151 .elementor-element.elementor-element-cfdf761{--display:flex;}.elementor-2151 .elementor-element.elementor-element-9af4f2c{--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-2151 .elementor-element.elementor-element-9af4f2c:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-9af4f2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(240deg, #812D2D 16%, #D5D5D5 100%);}.elementor-2151 .elementor-element.elementor-element-9af4f2c::before, .elementor-2151 .elementor-element.elementor-element-9af4f2c > .elementor-background-video-container::before, .elementor-2151 .elementor-element.elementor-element-9af4f2c > .e-con-inner > .elementor-background-video-container::before, .elementor-2151 .elementor-element.elementor-element-9af4f2c > .elementor-background-slideshow::before, .elementor-2151 .elementor-element.elementor-element-9af4f2c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2151 .elementor-element.elementor-element-9af4f2c > .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-2151 .elementor-element.elementor-element-de9a225{--divider-border-style:solid;--divider-color:var( --e-global-color-85624b9 );--divider-border-width:1px;}.elementor-2151 .elementor-element.elementor-element-de9a225 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2151 .elementor-element.elementor-element-de9a225 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2151 .elementor-element.elementor-element-de9a225 .elementor-divider__text{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:500;}.elementor-2151 .elementor-element.elementor-element-7b1f2ef{text-align:center;}.elementor-2151 .elementor-element.elementor-element-7b1f2ef .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-2151 .elementor-element.elementor-element-8ca8b02 .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-2151 .elementor-element.elementor-element-8ca8b02{padding:0px 0px 60px 0px;}.elementor-2151 .elementor-element.elementor-element-8ca8b02 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2151 .elementor-element.elementor-element-8ca8b02 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-2151 .elementor-element.elementor-element-03115cf > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2151 .elementor-element.elementor-element-0f99ff9{--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-2151 .elementor-element.elementor-element-0f99ff9:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-0f99ff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-85624b9 );}.elementor-2151 .elementor-element.elementor-element-0f99ff9.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-2151 .elementor-element.elementor-element-5cee0d6{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-2151 .elementor-element.elementor-element-5cee0d6 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-5cee0d6 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-5cee0d6 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-5cee0d6 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-5cee0d6 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-5cee0d6 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-e26ded5{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-2151 .elementor-element.elementor-element-e26ded5 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-e26ded5 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-e26ded5 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-e26ded5 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-e26ded5 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-e26ded5 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-90e0941{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-2151 .elementor-element.elementor-element-90e0941 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-90e0941 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-90e0941 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-90e0941 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-90e0941 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-90e0941 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-12f23f0{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-2151 .elementor-element.elementor-element-12f23f0 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-12f23f0 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-12f23f0 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-12f23f0 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-12f23f0 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-12f23f0 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:10px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-48502b6{--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-2151 .elementor-element.elementor-element-4ef64bf{padding:0px 0px 20px 0px;}.elementor-2151 .elementor-element.elementor-element-4ef64bf.elementor-element{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:15px;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon{font-size:25px;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-14bb5e8{--display:flex;}.elementor-2151 .elementor-element.elementor-element-2653987{--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-2151 .elementor-element.elementor-element-2653987:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-518bc01{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-aa416b2{--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-2151 .elementor-element.elementor-element-f11b79d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-f11b79d.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-f11b79d .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-f11b79d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-f11b79d.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-f11b79d.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-f11b79d.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-f11b79d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-bb811c3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-0adfecb{--display:flex;}.elementor-2151 .elementor-element.elementor-element-3393d20{--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-2151 .elementor-element.elementor-element-3393d20:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-9eb312c{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-4d2fdc8{--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-2151 .elementor-element.elementor-element-d4cad1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-d4cad1a.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-d4cad1a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-d4cad1a.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-d4cad1a.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-d4cad1a.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-d4cad1a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-6ac725c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-018f6f0{--display:flex;}.elementor-2151 .elementor-element.elementor-element-9591817{--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-2151 .elementor-element.elementor-element-9591817:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-b843444{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-224d344{--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-2151 .elementor-element.elementor-element-d6ef83e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-d6ef83e.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-d6ef83e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-d6ef83e.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-d6ef83e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-d6ef83e.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-d6ef83e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-6780727.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-24df69e{--display:flex;}.elementor-2151 .elementor-element.elementor-element-8306aba{--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-2151 .elementor-element.elementor-element-8306aba:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-3ac01a3{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-1c4cbff{--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-2151 .elementor-element.elementor-element-958be8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-958be8f.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-958be8f .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-958be8f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-958be8f.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-958be8f.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-958be8f.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-958be8f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-dc5aa00.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-d4b3e52{--display:flex;}.elementor-2151 .elementor-element.elementor-element-64523a8{--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-2151 .elementor-element.elementor-element-64523a8:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-c65e6f7{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-38362df{--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-2151 .elementor-element.elementor-element-36e188f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-36e188f.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-36e188f .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-36e188f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-36e188f.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-36e188f.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-36e188f.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-36e188f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-3fc5efc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-6a6d6a5{--display:flex;}.elementor-2151 .elementor-element.elementor-element-61aa1c1{--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-2151 .elementor-element.elementor-element-61aa1c1:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-b4363f0{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-5cc471f{--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-2151 .elementor-element.elementor-element-966c493{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-966c493.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-966c493 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-966c493.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-966c493.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-966c493.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-966c493.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-966c493.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-5e1c929.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-97067f1{--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-2151 .elementor-element.elementor-element-460b06b{padding:0px 0px 20px 0px;}.elementor-2151 .elementor-element.elementor-element-460b06b.elementor-element{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon{font-size:25px;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-56f408b{--display:flex;}.elementor-2151 .elementor-element.elementor-element-f458b0d{--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-2151 .elementor-element.elementor-element-f458b0d:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-074e28d{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-0ed0ada{--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-2151 .elementor-element.elementor-element-16336fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-16336fb.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-16336fb .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-16336fb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-16336fb.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-16336fb.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-16336fb.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-16336fb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-4b6902e{--display:flex;}.elementor-2151 .elementor-element.elementor-element-54969fb{--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-2151 .elementor-element.elementor-element-54969fb:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-75350c7{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-5d63d36{--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-2151 .elementor-element.elementor-element-005f30e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-005f30e.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-005f30e .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-005f30e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-005f30e.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-005f30e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-005f30e.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-005f30e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-25cc0dc{--display:flex;}.elementor-2151 .elementor-element.elementor-element-c54ff9c{--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-2151 .elementor-element.elementor-element-c54ff9c:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-fc1a41b{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-d3543c9{--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-2151 .elementor-element.elementor-element-7126c43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-7126c43.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-7126c43 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-7126c43.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-7126c43.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-7126c43.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-7126c43.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-7126c43.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-52df110{--display:flex;}.elementor-2151 .elementor-element.elementor-element-a772e0b{--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-2151 .elementor-element.elementor-element-a772e0b:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-a25bd29{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-a831c76{--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-2151 .elementor-element.elementor-element-88db938{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-88db938.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-88db938 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-88db938.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-88db938.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-88db938.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-88db938.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-88db938.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-5adc5a8{--display:flex;}.elementor-2151 .elementor-element.elementor-element-fb40205{--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-2151 .elementor-element.elementor-element-fb40205:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-a25cca0{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-3e95938{--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-2151 .elementor-element.elementor-element-3dee042{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-3dee042.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-3dee042 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-3dee042.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-3dee042.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-3dee042.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-3dee042.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-3dee042.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-c7df8d5{--display:flex;}.elementor-2151 .elementor-element.elementor-element-54d0616{--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-2151 .elementor-element.elementor-element-54d0616:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-05cf62f{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-d0f7229{--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-2151 .elementor-element.elementor-element-acd9ec8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-acd9ec8.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-acd9ec8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-acd9ec8.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-acd9ec8.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-acd9ec8.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-acd9ec8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-0efdd5f{--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-2151 .elementor-element.elementor-element-e858a70{padding:0px 0px 20px 0px;}.elementor-2151 .elementor-element.elementor-element-e858a70.elementor-element{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon{font-size:25px;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-7330372{--display:flex;}.elementor-2151 .elementor-element.elementor-element-96c7bfe{--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-2151 .elementor-element.elementor-element-96c7bfe:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-9e7f7bb{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-93e31b3{--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-2151 .elementor-element.elementor-element-ce95c10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-ce95c10.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-ce95c10.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-ce95c10.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-ce95c10.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-ce95c10.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-ce95c10.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-b911e65.elementor-element{--align-self:center;--order:0;--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-b911e65 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-2151 .elementor-element.elementor-element-056bb43{--display:flex;}.elementor-2151 .elementor-element.elementor-element-be5b826{--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-2151 .elementor-element.elementor-element-be5b826:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-1a37599{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-56d86c4{--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-2151 .elementor-element.elementor-element-0332219{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-0332219.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-0332219 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-0332219.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-0332219.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-0332219.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-0332219.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-0332219.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-7101710.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2151 .elementor-element.elementor-element-8ed6fc8{--display:flex;}.elementor-2151 .elementor-element.elementor-element-d9d0732{--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-2151 .elementor-element.elementor-element-d9d0732:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-840f80c{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-555492f{--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-2151 .elementor-element.elementor-element-51980bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-51980bb.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-51980bb .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-51980bb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-51980bb.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-51980bb.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-51980bb.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-51980bb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-b654b6b{--display:flex;}.elementor-2151 .elementor-element.elementor-element-4651834{--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-2151 .elementor-element.elementor-element-4651834:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-ae035ca{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-335cc4b{--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-2151 .elementor-element.elementor-element-3506280{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-3506280.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-3506280 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-3506280.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-3506280.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-3506280.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-3506280.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-3506280.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-d9fb96b{--display:flex;}.elementor-2151 .elementor-element.elementor-element-d9103bd{--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-2151 .elementor-element.elementor-element-d9103bd:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-5d902d6{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-1bc9453{--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-2151 .elementor-element.elementor-element-385cfc2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-385cfc2.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-385cfc2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-385cfc2.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-385cfc2.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-385cfc2.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-385cfc2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-f4b4edf{--display:flex;}.elementor-2151 .elementor-element.elementor-element-aff720e{--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-2151 .elementor-element.elementor-element-aff720e:hover{box-shadow:0px 33px 46px -37px rgba(0,0,0,0.5);}.elementor-2151 .elementor-element.elementor-element-5bfbbf6{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-8630778{--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-2151 .elementor-element.elementor-element-5401ba4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2151 .elementor-element.elementor-element-5401ba4.elementor-element{--order:99999 /* order end hack */;}.elementor-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-5401ba4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-5401ba4.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-5401ba4.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-5401ba4.elementor-view-framed .elementor-icon, .elementor-2151 .elementor-element.elementor-element-5401ba4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-100d131{--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-2151 .elementor-element.elementor-element-100d131:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-100d131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2151 .elementor-element.elementor-element-693b8a1{--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-2151 .elementor-element.elementor-element-ec8062f{--display:flex;}.elementor-2151 .elementor-element.elementor-element-4465c52{--swiper-slides-to-display:4;--swiper-slides-gap:10px;}.elementor-2151 .elementor-element.elementor-element-4465c52 .swiper-slide > .elementor-element{height:100%;}.elementor-2151 .elementor-element.elementor-element-56dd0a0{--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-2151 .elementor-element.elementor-element-6664a2f{padding:0px 0px 48px 0px;}.elementor-2151 .elementor-element.elementor-element-6664a2f.elementor-element{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon{font-size:25px;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-1f9235e{--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-2151 .elementor-element.elementor-element-b6fbc60{--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-2151 .elementor-element.elementor-element-b6fbc60:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-b6fbc60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-b6fbc60.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-e616b36{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-9aa7254{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-2151 .elementor-element.elementor-element-5bf7438{--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-2151 .elementor-element.elementor-element-cc4ff55 .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-cc4ff55 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-cc4ff55 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-cc4ff55 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-cc4ff55 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-3cc8189{--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-2151 .elementor-element.elementor-element-3cc8189:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-3cc8189 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-3cc8189.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-ccd5973{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-5f95b02{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-2151 .elementor-element.elementor-element-c6c24c1{--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-2151 .elementor-element.elementor-element-b2492c4 .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-b2492c4 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-b2492c4 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-b2492c4 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-b2492c4 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-825a45b{--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-2151 .elementor-element.elementor-element-825a45b:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-825a45b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-825a45b.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-8e57369{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-8014ced{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-2151 .elementor-element.elementor-element-134cabb{--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-2151 .elementor-element.elementor-element-4306bb5 .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-4306bb5 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-4306bb5 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-4306bb5 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-4306bb5 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-4ad24ed{--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-2151 .elementor-element.elementor-element-4ad24ed:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-4ad24ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-4ad24ed.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-862898f{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-e2e444c{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-2151 .elementor-element.elementor-element-5fe9d40{--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-2151 .elementor-element.elementor-element-246a973 .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-246a973 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-246a973 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-246a973 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-246a973 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-e0d2039{--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-2151 .elementor-element.elementor-element-e0d2039:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-e0d2039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2151 .elementor-element.elementor-element-ede91dd{--display:flex;}.elementor-2151 .elementor-element.elementor-element-bbb006d{--display:flex;}.elementor-2151 .elementor-element.elementor-element-a58d3e9{--swiper-slides-to-display:4;--swiper-slides-gap:10px;}.elementor-2151 .elementor-element.elementor-element-a58d3e9 .swiper-slide > .elementor-element{height:100%;}.elementor-2151 .elementor-element.elementor-element-90ff07a{--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-2151 .elementor-element.elementor-element-457b342{padding:0px 0px 48px 0px;}.elementor-2151 .elementor-element.elementor-element-457b342.elementor-element{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon{font-size:25px;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-cecb3c6{--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-2151 .elementor-element.elementor-element-f09a0f8{--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-2151 .elementor-element.elementor-element-f09a0f8:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-f09a0f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-f09a0f8.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-4bf6fb3{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-146380d{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-2151 .elementor-element.elementor-element-69a0d1d{--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-2151 .elementor-element.elementor-element-f7c585d .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-f7c585d .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-f7c585d .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-f7c585d .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-f7c585d .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-942e65e{--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-2151 .elementor-element.elementor-element-942e65e:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-942e65e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-942e65e.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-683bd80{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-00f6ab6{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-2151 .elementor-element.elementor-element-96b066c{--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-2151 .elementor-element.elementor-element-ca2289c .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-ca2289c .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-ca2289c .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-ca2289c .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-ca2289c .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-50111ec{--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-2151 .elementor-element.elementor-element-50111ec:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-50111ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-50111ec.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-e3fe80b{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-3e96a1f{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-2151 .elementor-element.elementor-element-74e9ef8{--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-2151 .elementor-element.elementor-element-3552d71 .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-3552d71 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-3552d71 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-3552d71 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-3552d71 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-85057dd{--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-2151 .elementor-element.elementor-element-85057dd:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-85057dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2151 .elementor-element.elementor-element-85057dd.e-con{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-d798299{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2151 .elementor-element.elementor-element-39529fd{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-2151 .elementor-element.elementor-element-70f365b{--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-2151 .elementor-element.elementor-element-26799ae .elementor-icon-box-wrapper{align-items:start;text-align:start;}.elementor-2151 .elementor-element.elementor-element-26799ae .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-text );}.elementor-2151 .elementor-element.elementor-element-26799ae .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-26799ae .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-26799ae .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:900;}.elementor-2151 .elementor-element.elementor-element-5bf89a9{--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-2151 .elementor-element.elementor-element-5bf89a9:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-5bf89a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#833177;}.elementor-2151 .elementor-element.elementor-element-a7939d7{--display:flex;}.elementor-2151 .elementor-element.elementor-element-dff314d{--display:flex;}.elementor-2151 .elementor-element.elementor-element-2d31982{--swiper-slides-to-display:4;--swiper-slides-gap:10px;}.elementor-2151 .elementor-element.elementor-element-2d31982 .swiper-slide > .elementor-element{height:100%;}.elementor-2151 .elementor-element.elementor-element-47f7737{--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-2151 .elementor-element.elementor-element-c38989f{padding:0px 0px 48px 0px;}.elementor-2151 .elementor-element.elementor-element-c38989f.elementor-element{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon{font-size:25px;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-f5d99d0{--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-2151 .elementor-element.elementor-element-bba53cd{--display:flex;}.elementor-2151 .elementor-element.elementor-element-be66863 .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-be66863 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-be66863 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-be66863 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-be66863 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-be66863:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-be66863:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-f81eaf0{--display:flex;}.elementor-2151 .elementor-element.elementor-element-c8b9252 .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-c8b9252 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-c8b9252 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-c8b9252 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-c8b9252 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-c8b9252:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-c8b9252:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-2494ba7{--display:flex;}.elementor-2151 .elementor-element.elementor-element-eff51ae .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-eff51ae .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-eff51ae .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-eff51ae .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-eff51ae .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-eff51ae:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-eff51ae:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-d15f35f{--display:flex;}.elementor-2151 .elementor-element.elementor-element-b7b6d98 .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-b7b6d98 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-b7b6d98 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-b7b6d98 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-b7b6d98 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-b7b6d98:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-b7b6d98:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-b388368{--display:flex;}.elementor-2151 .elementor-element.elementor-element-0b37e42 .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-0b37e42 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-0b37e42 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-0b37e42 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-0b37e42 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-0b37e42:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-0b37e42:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-efbe4f3{--display:flex;}.elementor-2151 .elementor-element.elementor-element-2d2567a .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-2d2567a .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-2d2567a .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-2d2567a .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-2d2567a .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-2d2567a:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-2d2567a:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-d7f3c35{--display:flex;}.elementor-2151 .elementor-element.elementor-element-ad9725f .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-ad9725f .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-ad9725f .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-ad9725f .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-ad9725f .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-ad9725f:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-ad9725f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-15c6488{--display:flex;}.elementor-2151 .elementor-element.elementor-element-0a42124 .elementor-icon-box-wrapper{gap:15px;}.elementor-2151 .elementor-element.elementor-element-0a42124 .elementor-icon-box-title{margin-block-end:59px;color:var( --e-global-color-85624b9 );transition-duration:1000ms;}.elementor-2151 .elementor-element.elementor-element-0a42124 .elementor-icon{font-size:35px;}.elementor-2151 .elementor-element.elementor-element-0a42124 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-0a42124 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:300;}.elementor-2151 .elementor-element.elementor-element-0a42124:has(:hover) .elementor-icon-box-title,
					 .elementor-2151 .elementor-element.elementor-element-0a42124:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b92f408 );}.elementor-2151 .elementor-element.elementor-element-6527e71{--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-2151 .elementor-element.elementor-element-6527e71:not(.elementor-motion-effects-element-type-background), .elementor-2151 .elementor-element.elementor-element-6527e71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2151 .elementor-element.elementor-element-5aeaadb{--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-2151 .elementor-element.elementor-element-1be2957{padding:0px 0px 48px 0px;}.elementor-2151 .elementor-element.elementor-element-1be2957.elementor-element{--align-self:center;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon{font-size:25px;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-title a{font-family:"webinew-iYx-vf", Sans-serif;font-size:32px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-description{font-family:"webinew-iYx-vf", Sans-serif;font-size:24px;font-weight:600;}.elementor-2151 .elementor-element.elementor-element-3ba0b6b{--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-2151 .elementor-element.elementor-element-47789e8{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-2151 .elementor-element.elementor-element-4011c68{--display:flex;}.elementor-2151 .elementor-element.elementor-element-a1f637a{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-2151 .elementor-element.elementor-element-9435336{--display:flex;}.elementor-2151 .elementor-element.elementor-element-82e9843{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-2151 .elementor-element.elementor-element-032001d{--display:flex;}.elementor-2151 .elementor-element.elementor-element-d14de96{padding:20px 20px 0px 20px;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-wrapper{text-align:center;}.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-content{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;}.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-name{color:var( --e-global-color-text );font-family:"webinew-iYx-vf", Sans-serif;font-size:16px;font-weight:500;}.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-job{color:#666666;font-family:"webinew-iYx-vf", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-2151 .elementor-element.elementor-element-4d68522{--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-2151 .elementor-element.elementor-element-6bb4b33{--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-2151 .elementor-element.elementor-element-dd56e5d{--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;}body.elementor-page-2151{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-2151 .elementor-element.elementor-element-61b1a72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2151 .elementor-element.elementor-element-693b8a1{--justify-content:center;}.elementor-2151 .elementor-element.elementor-element-4465c52{--swiper-slides-to-display:2;}.elementor-2151 .elementor-element.elementor-element-1f9235e{--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-2151 .elementor-element.elementor-element-ede91dd{--justify-content:center;}.elementor-2151 .elementor-element.elementor-element-a58d3e9{--swiper-slides-to-display:2;}.elementor-2151 .elementor-element.elementor-element-cecb3c6{--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-2151 .elementor-element.elementor-element-a7939d7{--justify-content:center;}.elementor-2151 .elementor-element.elementor-element-2d31982{--swiper-slides-to-display:2;}.elementor-2151 .elementor-element.elementor-element-4d68522{--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-2151 .elementor-element.elementor-element-0e51890{--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-2151 .elementor-element.elementor-element-dd0376b .elementor-heading-title{font-size:24px;line-height:1.8em;}.elementor-2151 .elementor-element.elementor-element-1b43239{z-index:1;}.elementor-2151 .elementor-element.elementor-element-9af4f2c{--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-2151 .elementor-element.elementor-element-7b1f2ef .elementor-heading-title{font-size:24px;line-height:1.8em;}.elementor-2151 .elementor-element.elementor-element-8ca8b02{z-index:1;}.elementor-2151 .elementor-element.elementor-element-5cee0d6{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-2151 .elementor-element.elementor-element-e26ded5{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-2151 .elementor-element.elementor-element-90e0941{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-2151 .elementor-element.elementor-element-12f23f0{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-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-wrapper{gap:10px;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-title{margin-block-end:0px;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon{font-size:15px;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-title a{font-size:20px;}.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon-box-description{font-size:18px;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-wrapper{gap:10px;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-title{margin-block-end:0px;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon{font-size:15px;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-title a{font-size:20px;}.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon-box-description{font-size:18px;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-wrapper{gap:10px;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon{font-size:15px;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-title a{font-size:20px;}.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon-box-description{font-size:18px;}.elementor-2151 .elementor-element.elementor-element-100d131{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2151 .elementor-element.elementor-element-eb1668b img{width:50%;}.elementor-2151 .elementor-element.elementor-element-4465c52{--swiper-slides-to-display:1;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-wrapper{gap:10px;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-title{margin-block-end:0px;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon{font-size:15px;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-title a{font-size:20px;}.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon-box-description{font-size:18px;}.elementor-2151 .elementor-element.elementor-element-1f9235e{--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-2151 .elementor-element.elementor-element-b6fbc60{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-5bf7438{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-cc4ff55 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-3cc8189{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-c6c24c1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-b2492c4 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-825a45b{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-134cabb{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-4306bb5 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-4ad24ed{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-5fe9d40{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-246a973 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-e0d2039{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2151 .elementor-element.elementor-element-45a7759 img{width:50%;}.elementor-2151 .elementor-element.elementor-element-a58d3e9{--swiper-slides-to-display:1;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-wrapper{gap:10px;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon{font-size:15px;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-title a{font-size:20px;}.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon-box-description{font-size:18px;}.elementor-2151 .elementor-element.elementor-element-cecb3c6{--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-2151 .elementor-element.elementor-element-f09a0f8{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-69a0d1d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-f7c585d .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-942e65e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-96b066c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-ca2289c .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-50111ec{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-74e9ef8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-3552d71 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-85057dd{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2151 .elementor-element.elementor-element-70f365b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2151 .elementor-element.elementor-element-26799ae .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-2151 .elementor-element.elementor-element-5bf89a9{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2151 .elementor-element.elementor-element-be30086 img{width:50%;}.elementor-2151 .elementor-element.elementor-element-2d31982{--swiper-slides-to-display:1;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-wrapper{gap:10px;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-title{margin-block-end:0px;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon{font-size:15px;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-title a{font-size:20px;}.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon-box-description{font-size:18px;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-wrapper{gap:10px;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon{font-size:15px;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-title, .elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-title a{font-size:20px;}.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon-box-description{font-size:18px;}}@media(min-width:768px){.elementor-2151 .elementor-element.elementor-element-61b1a72{--width:100%;}.elementor-2151 .elementor-element.elementor-element-0f99ff9{--width:90%;}.elementor-2151 .elementor-element.elementor-element-2653987{--width:100%;}.elementor-2151 .elementor-element.elementor-element-3393d20{--width:100%;}.elementor-2151 .elementor-element.elementor-element-9591817{--width:100%;}.elementor-2151 .elementor-element.elementor-element-8306aba{--width:100%;}.elementor-2151 .elementor-element.elementor-element-64523a8{--width:100%;}.elementor-2151 .elementor-element.elementor-element-61aa1c1{--width:100%;}.elementor-2151 .elementor-element.elementor-element-f458b0d{--width:100%;}.elementor-2151 .elementor-element.elementor-element-54969fb{--width:100%;}.elementor-2151 .elementor-element.elementor-element-c54ff9c{--width:100%;}.elementor-2151 .elementor-element.elementor-element-a772e0b{--width:100%;}.elementor-2151 .elementor-element.elementor-element-fb40205{--width:100%;}.elementor-2151 .elementor-element.elementor-element-54d0616{--width:100%;}.elementor-2151 .elementor-element.elementor-element-96c7bfe{--width:100%;}.elementor-2151 .elementor-element.elementor-element-be5b826{--width:100%;}.elementor-2151 .elementor-element.elementor-element-d9d0732{--width:100%;}.elementor-2151 .elementor-element.elementor-element-4651834{--width:100%;}.elementor-2151 .elementor-element.elementor-element-d9103bd{--width:100%;}.elementor-2151 .elementor-element.elementor-element-aff720e{--width:100%;}.elementor-2151 .elementor-element.elementor-element-100d131{--width:100%;}.elementor-2151 .elementor-element.elementor-element-693b8a1{--width:40%;}.elementor-2151 .elementor-element.elementor-element-e616b36{--width:50%;}.elementor-2151 .elementor-element.elementor-element-5bf7438{--width:50%;}.elementor-2151 .elementor-element.elementor-element-ccd5973{--width:50%;}.elementor-2151 .elementor-element.elementor-element-c6c24c1{--width:50%;}.elementor-2151 .elementor-element.elementor-element-8e57369{--width:50%;}.elementor-2151 .elementor-element.elementor-element-134cabb{--width:50%;}.elementor-2151 .elementor-element.elementor-element-862898f{--width:50%;}.elementor-2151 .elementor-element.elementor-element-5fe9d40{--width:50%;}.elementor-2151 .elementor-element.elementor-element-ede91dd{--width:40%;}.elementor-2151 .elementor-element.elementor-element-4bf6fb3{--width:50%;}.elementor-2151 .elementor-element.elementor-element-69a0d1d{--width:50%;}.elementor-2151 .elementor-element.elementor-element-683bd80{--width:50%;}.elementor-2151 .elementor-element.elementor-element-96b066c{--width:50%;}.elementor-2151 .elementor-element.elementor-element-e3fe80b{--width:50%;}.elementor-2151 .elementor-element.elementor-element-74e9ef8{--width:50%;}.elementor-2151 .elementor-element.elementor-element-d798299{--width:50%;}.elementor-2151 .elementor-element.elementor-element-70f365b{--width:50%;}.elementor-2151 .elementor-element.elementor-element-5bf89a9{--width:100%;}.elementor-2151 .elementor-element.elementor-element-a7939d7{--width:40%;}.elementor-2151 .elementor-element.elementor-element-f5d99d0{--width:100%;}.elementor-2151 .elementor-element.elementor-element-6bb4b33{--width:50%;}.elementor-2151 .elementor-element.elementor-element-dd56e5d{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2151 .elementor-element.elementor-element-693b8a1{--width:50%;}.elementor-2151 .elementor-element.elementor-element-b6fbc60{--width:50%;}.elementor-2151 .elementor-element.elementor-element-3cc8189{--width:50%;}.elementor-2151 .elementor-element.elementor-element-825a45b{--width:50%;}.elementor-2151 .elementor-element.elementor-element-4ad24ed{--width:50%;}.elementor-2151 .elementor-element.elementor-element-ede91dd{--width:50%;}.elementor-2151 .elementor-element.elementor-element-f09a0f8{--width:50%;}.elementor-2151 .elementor-element.elementor-element-942e65e{--width:50%;}.elementor-2151 .elementor-element.elementor-element-50111ec{--width:50%;}.elementor-2151 .elementor-element.elementor-element-85057dd{--width:50%;}.elementor-2151 .elementor-element.elementor-element-a7939d7{--width:50%;}.elementor-2151 .elementor-element.elementor-element-6bb4b33{--width:100%;}.elementor-2151 .elementor-element.elementor-element-dd56e5d{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-dd0376b *//* کلمات پررنگ */
.elementor-2151 .elementor-element.elementor-element-dd0376b strong {
    font-weight: 600;
}

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

.elementor-2151 .elementor-element.elementor-element-dd0376b 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-7b1f2ef *//* کلمات پررنگ */
.elementor-2151 .elementor-element.elementor-element-7b1f2ef strong {
    font-weight: 600;
}

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

.elementor-2151 .elementor-element.elementor-element-7b1f2ef 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-dd0376b *//* کلمات پررنگ */
.elementor-2151 .elementor-element.elementor-element-dd0376b strong {
    font-weight: 600;
}

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

.elementor-2151 .elementor-element.elementor-element-dd0376b 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-7b1f2ef *//* کلمات پررنگ */
.elementor-2151 .elementor-element.elementor-element-7b1f2ef strong {
    font-weight: 600;
}

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

.elementor-2151 .elementor-element.elementor-element-7b1f2ef 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-dd0376b *//* کلمات پررنگ */
.elementor-2151 .elementor-element.elementor-element-dd0376b strong {
    font-weight: 600;
}

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

.elementor-2151 .elementor-element.elementor-element-dd0376b 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-7b1f2ef *//* کلمات پررنگ */
.elementor-2151 .elementor-element.elementor-element-7b1f2ef strong {
    font-weight: 600;
}

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

.elementor-2151 .elementor-element.elementor-element-7b1f2ef 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-4ef64bf *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-2151 .elementor-element.elementor-element-4ef64bf .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

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

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

.elementor-2151 .elementor-element.elementor-element-4ef64bf 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-f11b79d */.elementor-2151 .elementor-element.elementor-element-f11b79d svg, 
.elementor-2151 .elementor-element.elementor-element-f11b79d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f11b79d .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-2151 .elementor-element.elementor-element-f11b79d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2653987 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-2653987 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-2653987: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-d4cad1a */.elementor-2151 .elementor-element.elementor-element-d4cad1a svg, 
.elementor-2151 .elementor-element.elementor-element-d4cad1a svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d4cad1a .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-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3393d20 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-3393d20 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-3393d20: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-d6ef83e */.elementor-2151 .elementor-element.elementor-element-d6ef83e svg, 
.elementor-2151 .elementor-element.elementor-element-d6ef83e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d6ef83e .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-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9591817 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-9591817 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-9591817: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-958be8f */.elementor-2151 .elementor-element.elementor-element-958be8f svg, 
.elementor-2151 .elementor-element.elementor-element-958be8f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-958be8f .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-2151 .elementor-element.elementor-element-958be8f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8306aba *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-8306aba {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-8306aba: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-36e188f */.elementor-2151 .elementor-element.elementor-element-36e188f svg, 
.elementor-2151 .elementor-element.elementor-element-36e188f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-36e188f .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-2151 .elementor-element.elementor-element-36e188f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64523a8 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-64523a8 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-64523a8: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-966c493 */.elementor-2151 .elementor-element.elementor-element-966c493 svg, 
.elementor-2151 .elementor-element.elementor-element-966c493 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-966c493 .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-2151 .elementor-element.elementor-element-966c493 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61aa1c1 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-61aa1c1 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-61aa1c1: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-f11b79d */.elementor-2151 .elementor-element.elementor-element-f11b79d svg, 
.elementor-2151 .elementor-element.elementor-element-f11b79d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f11b79d .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-2151 .elementor-element.elementor-element-f11b79d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2653987 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-2653987 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-2653987: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-d4cad1a */.elementor-2151 .elementor-element.elementor-element-d4cad1a svg, 
.elementor-2151 .elementor-element.elementor-element-d4cad1a svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d4cad1a .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-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3393d20 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-3393d20 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-3393d20: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-d6ef83e */.elementor-2151 .elementor-element.elementor-element-d6ef83e svg, 
.elementor-2151 .elementor-element.elementor-element-d6ef83e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d6ef83e .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-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9591817 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-9591817 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-9591817: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-958be8f */.elementor-2151 .elementor-element.elementor-element-958be8f svg, 
.elementor-2151 .elementor-element.elementor-element-958be8f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-958be8f .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-2151 .elementor-element.elementor-element-958be8f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8306aba *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-8306aba {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-8306aba: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-36e188f */.elementor-2151 .elementor-element.elementor-element-36e188f svg, 
.elementor-2151 .elementor-element.elementor-element-36e188f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-36e188f .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-2151 .elementor-element.elementor-element-36e188f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64523a8 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-64523a8 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-64523a8: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-966c493 */.elementor-2151 .elementor-element.elementor-element-966c493 svg, 
.elementor-2151 .elementor-element.elementor-element-966c493 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-966c493 .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-2151 .elementor-element.elementor-element-966c493 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61aa1c1 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-61aa1c1 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-61aa1c1: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-f11b79d */.elementor-2151 .elementor-element.elementor-element-f11b79d svg, 
.elementor-2151 .elementor-element.elementor-element-f11b79d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f11b79d .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-2151 .elementor-element.elementor-element-f11b79d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2653987 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-2653987 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-2653987: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-d4cad1a */.elementor-2151 .elementor-element.elementor-element-d4cad1a svg, 
.elementor-2151 .elementor-element.elementor-element-d4cad1a svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d4cad1a .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-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3393d20 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-3393d20 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-3393d20: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-d6ef83e */.elementor-2151 .elementor-element.elementor-element-d6ef83e svg, 
.elementor-2151 .elementor-element.elementor-element-d6ef83e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d6ef83e .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-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9591817 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-9591817 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-9591817: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-958be8f */.elementor-2151 .elementor-element.elementor-element-958be8f svg, 
.elementor-2151 .elementor-element.elementor-element-958be8f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-958be8f .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-2151 .elementor-element.elementor-element-958be8f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8306aba *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-8306aba {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-8306aba: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-36e188f */.elementor-2151 .elementor-element.elementor-element-36e188f svg, 
.elementor-2151 .elementor-element.elementor-element-36e188f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-36e188f .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-2151 .elementor-element.elementor-element-36e188f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64523a8 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-64523a8 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-64523a8: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-966c493 */.elementor-2151 .elementor-element.elementor-element-966c493 svg, 
.elementor-2151 .elementor-element.elementor-element-966c493 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-966c493 .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-2151 .elementor-element.elementor-element-966c493 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61aa1c1 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-61aa1c1 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-61aa1c1: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-f11b79d */.elementor-2151 .elementor-element.elementor-element-f11b79d svg, 
.elementor-2151 .elementor-element.elementor-element-f11b79d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f11b79d .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-2151 .elementor-element.elementor-element-f11b79d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2653987 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-2653987 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-2653987: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-d4cad1a */.elementor-2151 .elementor-element.elementor-element-d4cad1a svg, 
.elementor-2151 .elementor-element.elementor-element-d4cad1a svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d4cad1a .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-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3393d20 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-3393d20 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-3393d20: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-d6ef83e */.elementor-2151 .elementor-element.elementor-element-d6ef83e svg, 
.elementor-2151 .elementor-element.elementor-element-d6ef83e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d6ef83e .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-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9591817 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-9591817 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-9591817: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-958be8f */.elementor-2151 .elementor-element.elementor-element-958be8f svg, 
.elementor-2151 .elementor-element.elementor-element-958be8f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-958be8f .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-2151 .elementor-element.elementor-element-958be8f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8306aba *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-8306aba {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-8306aba: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-36e188f */.elementor-2151 .elementor-element.elementor-element-36e188f svg, 
.elementor-2151 .elementor-element.elementor-element-36e188f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-36e188f .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-2151 .elementor-element.elementor-element-36e188f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64523a8 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-64523a8 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-64523a8: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-966c493 */.elementor-2151 .elementor-element.elementor-element-966c493 svg, 
.elementor-2151 .elementor-element.elementor-element-966c493 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-966c493 .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-2151 .elementor-element.elementor-element-966c493 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61aa1c1 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-61aa1c1 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-61aa1c1: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-f11b79d */.elementor-2151 .elementor-element.elementor-element-f11b79d svg, 
.elementor-2151 .elementor-element.elementor-element-f11b79d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f11b79d .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-2151 .elementor-element.elementor-element-f11b79d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2653987 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-2653987 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-2653987: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-d4cad1a */.elementor-2151 .elementor-element.elementor-element-d4cad1a svg, 
.elementor-2151 .elementor-element.elementor-element-d4cad1a svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d4cad1a .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-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3393d20 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-3393d20 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-3393d20: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-d6ef83e */.elementor-2151 .elementor-element.elementor-element-d6ef83e svg, 
.elementor-2151 .elementor-element.elementor-element-d6ef83e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d6ef83e .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-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9591817 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-9591817 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-9591817: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-958be8f */.elementor-2151 .elementor-element.elementor-element-958be8f svg, 
.elementor-2151 .elementor-element.elementor-element-958be8f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-958be8f .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-2151 .elementor-element.elementor-element-958be8f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8306aba *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-8306aba {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-8306aba: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-36e188f */.elementor-2151 .elementor-element.elementor-element-36e188f svg, 
.elementor-2151 .elementor-element.elementor-element-36e188f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-36e188f .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-2151 .elementor-element.elementor-element-36e188f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64523a8 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-64523a8 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-64523a8: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-966c493 */.elementor-2151 .elementor-element.elementor-element-966c493 svg, 
.elementor-2151 .elementor-element.elementor-element-966c493 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-966c493 .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-2151 .elementor-element.elementor-element-966c493 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61aa1c1 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-61aa1c1 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-61aa1c1: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-f11b79d */.elementor-2151 .elementor-element.elementor-element-f11b79d svg, 
.elementor-2151 .elementor-element.elementor-element-f11b79d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f11b79d .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-2151 .elementor-element.elementor-element-f11b79d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2653987 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-2653987 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-2653987: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-d4cad1a */.elementor-2151 .elementor-element.elementor-element-d4cad1a svg, 
.elementor-2151 .elementor-element.elementor-element-d4cad1a svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d4cad1a .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-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3393d20 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-3393d20 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-3393d20: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-d6ef83e */.elementor-2151 .elementor-element.elementor-element-d6ef83e svg, 
.elementor-2151 .elementor-element.elementor-element-d6ef83e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d6ef83e .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-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9591817 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-9591817 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-9591817: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-958be8f */.elementor-2151 .elementor-element.elementor-element-958be8f svg, 
.elementor-2151 .elementor-element.elementor-element-958be8f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-958be8f .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-2151 .elementor-element.elementor-element-958be8f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8306aba *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-8306aba {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-8306aba: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-36e188f */.elementor-2151 .elementor-element.elementor-element-36e188f svg, 
.elementor-2151 .elementor-element.elementor-element-36e188f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-36e188f .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-2151 .elementor-element.elementor-element-36e188f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64523a8 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-64523a8 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-64523a8: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-966c493 */.elementor-2151 .elementor-element.elementor-element-966c493 svg, 
.elementor-2151 .elementor-element.elementor-element-966c493 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-966c493 .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-2151 .elementor-element.elementor-element-966c493 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61aa1c1 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-61aa1c1 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-61aa1c1: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-f11b79d */.elementor-2151 .elementor-element.elementor-element-f11b79d svg, 
.elementor-2151 .elementor-element.elementor-element-f11b79d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f11b79d .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-2151 .elementor-element.elementor-element-f11b79d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2653987 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-2653987 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-2653987: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-d4cad1a */.elementor-2151 .elementor-element.elementor-element-d4cad1a svg, 
.elementor-2151 .elementor-element.elementor-element-d4cad1a svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d4cad1a .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-2151 .elementor-element.elementor-element-d4cad1a .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3393d20 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-3393d20 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-3393d20: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-d6ef83e */.elementor-2151 .elementor-element.elementor-element-d6ef83e svg, 
.elementor-2151 .elementor-element.elementor-element-d6ef83e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-d6ef83e .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-2151 .elementor-element.elementor-element-d6ef83e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9591817 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-9591817 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-9591817: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-958be8f */.elementor-2151 .elementor-element.elementor-element-958be8f svg, 
.elementor-2151 .elementor-element.elementor-element-958be8f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-958be8f .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-2151 .elementor-element.elementor-element-958be8f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8306aba *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-8306aba {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-8306aba: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-36e188f */.elementor-2151 .elementor-element.elementor-element-36e188f svg, 
.elementor-2151 .elementor-element.elementor-element-36e188f svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-36e188f .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-2151 .elementor-element.elementor-element-36e188f .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64523a8 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-64523a8 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-64523a8: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-966c493 */.elementor-2151 .elementor-element.elementor-element-966c493 svg, 
.elementor-2151 .elementor-element.elementor-element-966c493 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-966c493 .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-2151 .elementor-element.elementor-element-966c493 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61aa1c1 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-61aa1c1 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-61aa1c1: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-460b06b *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-2151 .elementor-element.elementor-element-460b06b .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

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

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

.elementor-2151 .elementor-element.elementor-element-460b06b 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-16336fb */.elementor-2151 .elementor-element.elementor-element-16336fb svg, 
.elementor-2151 .elementor-element.elementor-element-16336fb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-16336fb .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-2151 .elementor-element.elementor-element-16336fb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f458b0d *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-f458b0d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-f458b0d: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-005f30e */.elementor-2151 .elementor-element.elementor-element-005f30e svg, 
.elementor-2151 .elementor-element.elementor-element-005f30e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-005f30e .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-2151 .elementor-element.elementor-element-005f30e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54969fb *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54969fb {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54969fb: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-7126c43 */.elementor-2151 .elementor-element.elementor-element-7126c43 svg, 
.elementor-2151 .elementor-element.elementor-element-7126c43 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-7126c43 .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-2151 .elementor-element.elementor-element-7126c43 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54ff9c *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-c54ff9c {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-c54ff9c: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-88db938 */.elementor-2151 .elementor-element.elementor-element-88db938 svg, 
.elementor-2151 .elementor-element.elementor-element-88db938 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-88db938 .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-2151 .elementor-element.elementor-element-88db938 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a772e0b *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-a772e0b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-a772e0b: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-3dee042 */.elementor-2151 .elementor-element.elementor-element-3dee042 svg, 
.elementor-2151 .elementor-element.elementor-element-3dee042 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3dee042 .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-2151 .elementor-element.elementor-element-3dee042 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb40205 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-fb40205 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-fb40205: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-acd9ec8 */.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg, 
.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-acd9ec8 .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-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54d0616 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54d0616 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54d0616: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-16336fb */.elementor-2151 .elementor-element.elementor-element-16336fb svg, 
.elementor-2151 .elementor-element.elementor-element-16336fb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-16336fb .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-2151 .elementor-element.elementor-element-16336fb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f458b0d *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-f458b0d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-f458b0d: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-005f30e */.elementor-2151 .elementor-element.elementor-element-005f30e svg, 
.elementor-2151 .elementor-element.elementor-element-005f30e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-005f30e .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-2151 .elementor-element.elementor-element-005f30e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54969fb *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54969fb {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54969fb: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-7126c43 */.elementor-2151 .elementor-element.elementor-element-7126c43 svg, 
.elementor-2151 .elementor-element.elementor-element-7126c43 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-7126c43 .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-2151 .elementor-element.elementor-element-7126c43 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54ff9c *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-c54ff9c {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-c54ff9c: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-88db938 */.elementor-2151 .elementor-element.elementor-element-88db938 svg, 
.elementor-2151 .elementor-element.elementor-element-88db938 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-88db938 .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-2151 .elementor-element.elementor-element-88db938 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a772e0b *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-a772e0b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-a772e0b: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-3dee042 */.elementor-2151 .elementor-element.elementor-element-3dee042 svg, 
.elementor-2151 .elementor-element.elementor-element-3dee042 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3dee042 .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-2151 .elementor-element.elementor-element-3dee042 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb40205 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-fb40205 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-fb40205: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-acd9ec8 */.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg, 
.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-acd9ec8 .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-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54d0616 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54d0616 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54d0616: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-16336fb */.elementor-2151 .elementor-element.elementor-element-16336fb svg, 
.elementor-2151 .elementor-element.elementor-element-16336fb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-16336fb .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-2151 .elementor-element.elementor-element-16336fb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f458b0d *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-f458b0d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-f458b0d: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-005f30e */.elementor-2151 .elementor-element.elementor-element-005f30e svg, 
.elementor-2151 .elementor-element.elementor-element-005f30e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-005f30e .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-2151 .elementor-element.elementor-element-005f30e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54969fb *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54969fb {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54969fb: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-7126c43 */.elementor-2151 .elementor-element.elementor-element-7126c43 svg, 
.elementor-2151 .elementor-element.elementor-element-7126c43 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-7126c43 .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-2151 .elementor-element.elementor-element-7126c43 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54ff9c *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-c54ff9c {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-c54ff9c: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-88db938 */.elementor-2151 .elementor-element.elementor-element-88db938 svg, 
.elementor-2151 .elementor-element.elementor-element-88db938 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-88db938 .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-2151 .elementor-element.elementor-element-88db938 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a772e0b *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-a772e0b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-a772e0b: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-3dee042 */.elementor-2151 .elementor-element.elementor-element-3dee042 svg, 
.elementor-2151 .elementor-element.elementor-element-3dee042 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3dee042 .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-2151 .elementor-element.elementor-element-3dee042 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb40205 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-fb40205 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-fb40205: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-acd9ec8 */.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg, 
.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-acd9ec8 .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-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54d0616 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54d0616 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54d0616: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-16336fb */.elementor-2151 .elementor-element.elementor-element-16336fb svg, 
.elementor-2151 .elementor-element.elementor-element-16336fb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-16336fb .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-2151 .elementor-element.elementor-element-16336fb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f458b0d *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-f458b0d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-f458b0d: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-005f30e */.elementor-2151 .elementor-element.elementor-element-005f30e svg, 
.elementor-2151 .elementor-element.elementor-element-005f30e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-005f30e .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-2151 .elementor-element.elementor-element-005f30e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54969fb *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54969fb {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54969fb: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-7126c43 */.elementor-2151 .elementor-element.elementor-element-7126c43 svg, 
.elementor-2151 .elementor-element.elementor-element-7126c43 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-7126c43 .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-2151 .elementor-element.elementor-element-7126c43 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54ff9c *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-c54ff9c {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-c54ff9c: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-88db938 */.elementor-2151 .elementor-element.elementor-element-88db938 svg, 
.elementor-2151 .elementor-element.elementor-element-88db938 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-88db938 .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-2151 .elementor-element.elementor-element-88db938 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a772e0b *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-a772e0b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-a772e0b: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-3dee042 */.elementor-2151 .elementor-element.elementor-element-3dee042 svg, 
.elementor-2151 .elementor-element.elementor-element-3dee042 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3dee042 .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-2151 .elementor-element.elementor-element-3dee042 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb40205 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-fb40205 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-fb40205: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-acd9ec8 */.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg, 
.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-acd9ec8 .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-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54d0616 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54d0616 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54d0616: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-16336fb */.elementor-2151 .elementor-element.elementor-element-16336fb svg, 
.elementor-2151 .elementor-element.elementor-element-16336fb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-16336fb .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-2151 .elementor-element.elementor-element-16336fb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f458b0d *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-f458b0d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-f458b0d: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-005f30e */.elementor-2151 .elementor-element.elementor-element-005f30e svg, 
.elementor-2151 .elementor-element.elementor-element-005f30e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-005f30e .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-2151 .elementor-element.elementor-element-005f30e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54969fb *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54969fb {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54969fb: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-7126c43 */.elementor-2151 .elementor-element.elementor-element-7126c43 svg, 
.elementor-2151 .elementor-element.elementor-element-7126c43 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-7126c43 .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-2151 .elementor-element.elementor-element-7126c43 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54ff9c *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-c54ff9c {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-c54ff9c: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-88db938 */.elementor-2151 .elementor-element.elementor-element-88db938 svg, 
.elementor-2151 .elementor-element.elementor-element-88db938 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-88db938 .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-2151 .elementor-element.elementor-element-88db938 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a772e0b *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-a772e0b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-a772e0b: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-3dee042 */.elementor-2151 .elementor-element.elementor-element-3dee042 svg, 
.elementor-2151 .elementor-element.elementor-element-3dee042 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3dee042 .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-2151 .elementor-element.elementor-element-3dee042 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb40205 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-fb40205 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-fb40205: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-acd9ec8 */.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg, 
.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-acd9ec8 .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-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54d0616 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54d0616 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54d0616: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-16336fb */.elementor-2151 .elementor-element.elementor-element-16336fb svg, 
.elementor-2151 .elementor-element.elementor-element-16336fb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-16336fb .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-2151 .elementor-element.elementor-element-16336fb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f458b0d *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-f458b0d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-f458b0d: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-005f30e */.elementor-2151 .elementor-element.elementor-element-005f30e svg, 
.elementor-2151 .elementor-element.elementor-element-005f30e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-005f30e .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-2151 .elementor-element.elementor-element-005f30e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54969fb *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54969fb {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54969fb: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-7126c43 */.elementor-2151 .elementor-element.elementor-element-7126c43 svg, 
.elementor-2151 .elementor-element.elementor-element-7126c43 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-7126c43 .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-2151 .elementor-element.elementor-element-7126c43 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54ff9c *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-c54ff9c {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-c54ff9c: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-88db938 */.elementor-2151 .elementor-element.elementor-element-88db938 svg, 
.elementor-2151 .elementor-element.elementor-element-88db938 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-88db938 .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-2151 .elementor-element.elementor-element-88db938 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a772e0b *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-a772e0b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-a772e0b: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-3dee042 */.elementor-2151 .elementor-element.elementor-element-3dee042 svg, 
.elementor-2151 .elementor-element.elementor-element-3dee042 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3dee042 .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-2151 .elementor-element.elementor-element-3dee042 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb40205 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-fb40205 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-fb40205: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-acd9ec8 */.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg, 
.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-acd9ec8 .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-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54d0616 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54d0616 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54d0616: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-16336fb */.elementor-2151 .elementor-element.elementor-element-16336fb svg, 
.elementor-2151 .elementor-element.elementor-element-16336fb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-16336fb .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-2151 .elementor-element.elementor-element-16336fb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f458b0d *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-f458b0d {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-f458b0d: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-005f30e */.elementor-2151 .elementor-element.elementor-element-005f30e svg, 
.elementor-2151 .elementor-element.elementor-element-005f30e svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-005f30e .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-2151 .elementor-element.elementor-element-005f30e .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54969fb *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54969fb {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54969fb: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-7126c43 */.elementor-2151 .elementor-element.elementor-element-7126c43 svg, 
.elementor-2151 .elementor-element.elementor-element-7126c43 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-7126c43 .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-2151 .elementor-element.elementor-element-7126c43 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54ff9c *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-c54ff9c {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-c54ff9c: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-88db938 */.elementor-2151 .elementor-element.elementor-element-88db938 svg, 
.elementor-2151 .elementor-element.elementor-element-88db938 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-88db938 .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-2151 .elementor-element.elementor-element-88db938 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a772e0b *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-a772e0b {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-a772e0b: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-3dee042 */.elementor-2151 .elementor-element.elementor-element-3dee042 svg, 
.elementor-2151 .elementor-element.elementor-element-3dee042 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3dee042 .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-2151 .elementor-element.elementor-element-3dee042 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb40205 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-fb40205 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-fb40205: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-acd9ec8 */.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg, 
.elementor-2151 .elementor-element.elementor-element-acd9ec8 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-acd9ec8 .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-2151 .elementor-element.elementor-element-acd9ec8 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54d0616 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-54d0616 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-54d0616: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-e858a70 *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-2151 .elementor-element.elementor-element-e858a70 .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


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

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

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

.elementor-2151 .elementor-element.elementor-element-e858a70 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-ce95c10 */.elementor-2151 .elementor-element.elementor-element-ce95c10 svg, 
.elementor-2151 .elementor-element.elementor-element-ce95c10 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ce95c10 .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-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96c7bfe *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-96c7bfe {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-96c7bfe: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-0332219 */.elementor-2151 .elementor-element.elementor-element-0332219 svg, 
.elementor-2151 .elementor-element.elementor-element-0332219 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-0332219 .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-2151 .elementor-element.elementor-element-0332219 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5b826 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-be5b826 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-be5b826: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-51980bb */.elementor-2151 .elementor-element.elementor-element-51980bb svg, 
.elementor-2151 .elementor-element.elementor-element-51980bb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-51980bb .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-2151 .elementor-element.elementor-element-51980bb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9d0732 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9d0732 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9d0732: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-3506280 */.elementor-2151 .elementor-element.elementor-element-3506280 svg, 
.elementor-2151 .elementor-element.elementor-element-3506280 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3506280 .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-2151 .elementor-element.elementor-element-3506280 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4651834 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-4651834 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-4651834: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-385cfc2 */.elementor-2151 .elementor-element.elementor-element-385cfc2 svg, 
.elementor-2151 .elementor-element.elementor-element-385cfc2 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-385cfc2 .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-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9103bd *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9103bd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9103bd: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-5401ba4 */.elementor-2151 .elementor-element.elementor-element-5401ba4 svg, 
.elementor-2151 .elementor-element.elementor-element-5401ba4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-5401ba4 .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-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aff720e *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-aff720e {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-aff720e: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-ce95c10 */.elementor-2151 .elementor-element.elementor-element-ce95c10 svg, 
.elementor-2151 .elementor-element.elementor-element-ce95c10 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ce95c10 .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-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96c7bfe *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-96c7bfe {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-96c7bfe: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-0332219 */.elementor-2151 .elementor-element.elementor-element-0332219 svg, 
.elementor-2151 .elementor-element.elementor-element-0332219 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-0332219 .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-2151 .elementor-element.elementor-element-0332219 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5b826 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-be5b826 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-be5b826: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-51980bb */.elementor-2151 .elementor-element.elementor-element-51980bb svg, 
.elementor-2151 .elementor-element.elementor-element-51980bb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-51980bb .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-2151 .elementor-element.elementor-element-51980bb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9d0732 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9d0732 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9d0732: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-3506280 */.elementor-2151 .elementor-element.elementor-element-3506280 svg, 
.elementor-2151 .elementor-element.elementor-element-3506280 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3506280 .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-2151 .elementor-element.elementor-element-3506280 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4651834 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-4651834 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-4651834: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-385cfc2 */.elementor-2151 .elementor-element.elementor-element-385cfc2 svg, 
.elementor-2151 .elementor-element.elementor-element-385cfc2 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-385cfc2 .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-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9103bd *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9103bd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9103bd: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-5401ba4 */.elementor-2151 .elementor-element.elementor-element-5401ba4 svg, 
.elementor-2151 .elementor-element.elementor-element-5401ba4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-5401ba4 .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-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aff720e *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-aff720e {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-aff720e: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-ce95c10 */.elementor-2151 .elementor-element.elementor-element-ce95c10 svg, 
.elementor-2151 .elementor-element.elementor-element-ce95c10 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ce95c10 .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-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96c7bfe *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-96c7bfe {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-96c7bfe: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-0332219 */.elementor-2151 .elementor-element.elementor-element-0332219 svg, 
.elementor-2151 .elementor-element.elementor-element-0332219 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-0332219 .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-2151 .elementor-element.elementor-element-0332219 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5b826 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-be5b826 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-be5b826: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-51980bb */.elementor-2151 .elementor-element.elementor-element-51980bb svg, 
.elementor-2151 .elementor-element.elementor-element-51980bb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-51980bb .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-2151 .elementor-element.elementor-element-51980bb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9d0732 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9d0732 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9d0732: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-3506280 */.elementor-2151 .elementor-element.elementor-element-3506280 svg, 
.elementor-2151 .elementor-element.elementor-element-3506280 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3506280 .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-2151 .elementor-element.elementor-element-3506280 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4651834 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-4651834 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-4651834: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-385cfc2 */.elementor-2151 .elementor-element.elementor-element-385cfc2 svg, 
.elementor-2151 .elementor-element.elementor-element-385cfc2 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-385cfc2 .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-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9103bd *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9103bd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9103bd: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-5401ba4 */.elementor-2151 .elementor-element.elementor-element-5401ba4 svg, 
.elementor-2151 .elementor-element.elementor-element-5401ba4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-5401ba4 .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-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aff720e *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-aff720e {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-aff720e: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-ce95c10 */.elementor-2151 .elementor-element.elementor-element-ce95c10 svg, 
.elementor-2151 .elementor-element.elementor-element-ce95c10 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ce95c10 .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-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96c7bfe *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-96c7bfe {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-96c7bfe: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-0332219 */.elementor-2151 .elementor-element.elementor-element-0332219 svg, 
.elementor-2151 .elementor-element.elementor-element-0332219 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-0332219 .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-2151 .elementor-element.elementor-element-0332219 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5b826 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-be5b826 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-be5b826: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-51980bb */.elementor-2151 .elementor-element.elementor-element-51980bb svg, 
.elementor-2151 .elementor-element.elementor-element-51980bb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-51980bb .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-2151 .elementor-element.elementor-element-51980bb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9d0732 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9d0732 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9d0732: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-3506280 */.elementor-2151 .elementor-element.elementor-element-3506280 svg, 
.elementor-2151 .elementor-element.elementor-element-3506280 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3506280 .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-2151 .elementor-element.elementor-element-3506280 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4651834 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-4651834 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-4651834: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-385cfc2 */.elementor-2151 .elementor-element.elementor-element-385cfc2 svg, 
.elementor-2151 .elementor-element.elementor-element-385cfc2 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-385cfc2 .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-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9103bd *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9103bd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9103bd: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-5401ba4 */.elementor-2151 .elementor-element.elementor-element-5401ba4 svg, 
.elementor-2151 .elementor-element.elementor-element-5401ba4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-5401ba4 .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-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aff720e *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-aff720e {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-aff720e: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-ce95c10 */.elementor-2151 .elementor-element.elementor-element-ce95c10 svg, 
.elementor-2151 .elementor-element.elementor-element-ce95c10 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ce95c10 .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-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96c7bfe *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-96c7bfe {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-96c7bfe: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-0332219 */.elementor-2151 .elementor-element.elementor-element-0332219 svg, 
.elementor-2151 .elementor-element.elementor-element-0332219 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-0332219 .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-2151 .elementor-element.elementor-element-0332219 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5b826 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-be5b826 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-be5b826: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-51980bb */.elementor-2151 .elementor-element.elementor-element-51980bb svg, 
.elementor-2151 .elementor-element.elementor-element-51980bb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-51980bb .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-2151 .elementor-element.elementor-element-51980bb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9d0732 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9d0732 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9d0732: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-3506280 */.elementor-2151 .elementor-element.elementor-element-3506280 svg, 
.elementor-2151 .elementor-element.elementor-element-3506280 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3506280 .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-2151 .elementor-element.elementor-element-3506280 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4651834 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-4651834 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-4651834: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-385cfc2 */.elementor-2151 .elementor-element.elementor-element-385cfc2 svg, 
.elementor-2151 .elementor-element.elementor-element-385cfc2 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-385cfc2 .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-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9103bd *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9103bd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9103bd: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-5401ba4 */.elementor-2151 .elementor-element.elementor-element-5401ba4 svg, 
.elementor-2151 .elementor-element.elementor-element-5401ba4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-5401ba4 .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-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aff720e *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-aff720e {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-aff720e: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-ce95c10 */.elementor-2151 .elementor-element.elementor-element-ce95c10 svg, 
.elementor-2151 .elementor-element.elementor-element-ce95c10 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ce95c10 .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-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96c7bfe *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-96c7bfe {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-96c7bfe: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-0332219 */.elementor-2151 .elementor-element.elementor-element-0332219 svg, 
.elementor-2151 .elementor-element.elementor-element-0332219 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-0332219 .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-2151 .elementor-element.elementor-element-0332219 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5b826 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-be5b826 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-be5b826: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-51980bb */.elementor-2151 .elementor-element.elementor-element-51980bb svg, 
.elementor-2151 .elementor-element.elementor-element-51980bb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-51980bb .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-2151 .elementor-element.elementor-element-51980bb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9d0732 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9d0732 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9d0732: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-3506280 */.elementor-2151 .elementor-element.elementor-element-3506280 svg, 
.elementor-2151 .elementor-element.elementor-element-3506280 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3506280 .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-2151 .elementor-element.elementor-element-3506280 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4651834 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-4651834 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-4651834: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-385cfc2 */.elementor-2151 .elementor-element.elementor-element-385cfc2 svg, 
.elementor-2151 .elementor-element.elementor-element-385cfc2 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-385cfc2 .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-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9103bd *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9103bd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9103bd: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-5401ba4 */.elementor-2151 .elementor-element.elementor-element-5401ba4 svg, 
.elementor-2151 .elementor-element.elementor-element-5401ba4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-5401ba4 .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-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aff720e *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-aff720e {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-aff720e: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-ce95c10 */.elementor-2151 .elementor-element.elementor-element-ce95c10 svg, 
.elementor-2151 .elementor-element.elementor-element-ce95c10 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ce95c10 .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-2151 .elementor-element.elementor-element-ce95c10 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96c7bfe *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-96c7bfe {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-96c7bfe: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-0332219 */.elementor-2151 .elementor-element.elementor-element-0332219 svg, 
.elementor-2151 .elementor-element.elementor-element-0332219 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-0332219 .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-2151 .elementor-element.elementor-element-0332219 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5b826 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-be5b826 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-be5b826: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-51980bb */.elementor-2151 .elementor-element.elementor-element-51980bb svg, 
.elementor-2151 .elementor-element.elementor-element-51980bb svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-51980bb .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-2151 .elementor-element.elementor-element-51980bb .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9d0732 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9d0732 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9d0732: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-3506280 */.elementor-2151 .elementor-element.elementor-element-3506280 svg, 
.elementor-2151 .elementor-element.elementor-element-3506280 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3506280 .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-2151 .elementor-element.elementor-element-3506280 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4651834 *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-4651834 {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-4651834: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-385cfc2 */.elementor-2151 .elementor-element.elementor-element-385cfc2 svg, 
.elementor-2151 .elementor-element.elementor-element-385cfc2 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-385cfc2 .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-2151 .elementor-element.elementor-element-385cfc2 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9103bd *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-d9103bd {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-d9103bd: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-5401ba4 */.elementor-2151 .elementor-element.elementor-element-5401ba4 svg, 
.elementor-2151 .elementor-element.elementor-element-5401ba4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-5401ba4 .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-2151 .elementor-element.elementor-element-5401ba4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aff720e *//* تنظیمات پایه کانتینر اصلی */
.elementor-2151 .elementor-element.elementor-element-aff720e {
    isolation: isolate;
    background-color: transparent !important;
    border-radius: 35px; /* میزان گردی گوشه‌های کل باکس رو از اینجا تغییر بده */
}

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

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

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

/* ظاهر شدن نرم لایه سفید وقتی موس روی باکس میره */
.elementor-2151 .elementor-element.elementor-element-aff720e: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-4465c52 *//* فضا برای نمایش سایه کارت‌ها در اسلایدر لوپ */
.elementor-loop-container.swiper {
    overflow: hidden;                 /* باید hidden بماند برای اسلایدر */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6664a2f *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-2151 .elementor-element.elementor-element-6664a2f .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

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

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

.elementor-2151 .elementor-element.elementor-element-6664a2f 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-cc4ff55 */.elementor-2151 .elementor-element.elementor-element-cc4ff55 svg, 
.elementor-2151 .elementor-element.elementor-element-cc4ff55 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-cc4ff55 .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-2151 .elementor-element.elementor-element-cc4ff55 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b2492c4 */.elementor-2151 .elementor-element.elementor-element-b2492c4 svg, 
.elementor-2151 .elementor-element.elementor-element-b2492c4 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-b2492c4 .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-2151 .elementor-element.elementor-element-b2492c4 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4306bb5 */.elementor-2151 .elementor-element.elementor-element-4306bb5 svg, 
.elementor-2151 .elementor-element.elementor-element-4306bb5 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-4306bb5 .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-2151 .elementor-element.elementor-element-4306bb5 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-246a973 */.elementor-2151 .elementor-element.elementor-element-246a973 svg, 
.elementor-2151 .elementor-element.elementor-element-246a973 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-246a973 .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-2151 .elementor-element.elementor-element-246a973 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-a58d3e9 *//* فضا برای نمایش سایه کارت‌ها در اسلایدر لوپ */
.elementor-loop-container.swiper {
    overflow: hidden;                 /* باید hidden بماند برای اسلایدر */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-457b342 *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-2151 .elementor-element.elementor-element-457b342 .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

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

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

.elementor-2151 .elementor-element.elementor-element-457b342 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-f7c585d */.elementor-2151 .elementor-element.elementor-element-f7c585d svg, 
.elementor-2151 .elementor-element.elementor-element-f7c585d svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-f7c585d .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-2151 .elementor-element.elementor-element-f7c585d .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ca2289c */.elementor-2151 .elementor-element.elementor-element-ca2289c svg, 
.elementor-2151 .elementor-element.elementor-element-ca2289c svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-ca2289c .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-2151 .elementor-element.elementor-element-ca2289c .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3552d71 */.elementor-2151 .elementor-element.elementor-element-3552d71 svg, 
.elementor-2151 .elementor-element.elementor-element-3552d71 svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-3552d71 .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-2151 .elementor-element.elementor-element-3552d71 .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-26799ae */.elementor-2151 .elementor-element.elementor-element-26799ae svg, 
.elementor-2151 .elementor-element.elementor-element-26799ae svg path {
    fill: none !important;
}
.elementor-2151 .elementor-element.elementor-element-26799ae .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-2151 .elementor-element.elementor-element-26799ae .elementor-icon svg {
    width: 22px; /* سایز خود فلش داخلی */
    height: 22px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-2d31982 *//* فضا برای نمایش سایه کارت‌ها در اسلایدر لوپ */
.elementor-loop-container.swiper {
    overflow: hidden;                 /* باید hidden بماند برای اسلایدر */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c38989f *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-2151 .elementor-element.elementor-element-c38989f .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


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

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

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

.elementor-2151 .elementor-element.elementor-element-c38989f 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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-be66863 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-be66863 .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-2151 .elementor-element.elementor-element-be66863 .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-c8b9252 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-c8b9252 .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-2151 .elementor-element.elementor-element-c8b9252 .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-eff51ae *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-eff51ae .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-2151 .elementor-element.elementor-element-eff51ae .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-b7b6d98 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-b7b6d98 .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-2151 .elementor-element.elementor-element-b7b6d98 .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-0b37e42 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0b37e42 .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-2151 .elementor-element.elementor-element-0b37e42 .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-2d2567a *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-2d2567a .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-2151 .elementor-element.elementor-element-2d2567a .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-ad9725f *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-ad9725f .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-2151 .elementor-element.elementor-element-ad9725f .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-0a42124 *//* دایره سفید پشت آیکن + حلقه باریک دور آن */
.elementor-2151 .elementor-element.elementor-element-0a42124 .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-2151 .elementor-element.elementor-element-0a42124 .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-1be2957 *//* ===== آیکن با افکت گوشه تاشده ===== */
/* آیکن با مرز تیز دو رنگ (تای کاغذ) */
.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: linear-gradient(135deg, #fff 20%, #00a296 20%);
}
/* گوشه تاشده (مثلث تیره‌تر در گوشه بالا چپ) */


.elementor-2151 .elementor-element.elementor-element-1be2957 .elementor-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 2;
}

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

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

.elementor-2151 .elementor-element.elementor-element-1be2957 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-47789e8 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .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-a1f637a *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .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-82e9843 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .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-d14de96 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .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-47789e8 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .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-a1f637a *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .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-82e9843 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .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-d14de96 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .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-47789e8 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .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-a1f637a *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .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-82e9843 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .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-d14de96 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .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-47789e8 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .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-a1f637a *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .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-82e9843 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .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-d14de96 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .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-47789e8 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-47789e8 .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-a1f637a *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-a1f637a .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-82e9843 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-82e9843 .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-d14de96 *//* ===== کانتینر اصلی ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column;
    direction: ltr;
}

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

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

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

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

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

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

}

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

/* ===== متن نظر در کادر خاکستری گرد (پایین) ===== */
.elementor-2151 .elementor-element.elementor-element-d14de96 .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 */