.elementor-1656 .elementor-element.elementor-element-1721af6{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:72px 72px;--row-gap:72px;--column-gap:72px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-fa1d944{--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:8px 8px;--row-gap:8px;--column-gap:8px;--z-index:5;}.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-1656 .elementor-element.elementor-element-045ea72 .elementor-heading-title{font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:var( --e-global-color-7129302 );}.elementor-1656 .elementor-element.elementor-element-e0bbda7 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:48px;font-weight:700;line-height:72px;color:var( --e-global-color-075e783 );}.elementor-1656 .elementor-element.elementor-element-57872c5{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1656 .elementor-element.elementor-element-57872c5 .elementor-heading-title{font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:var( --e-global-color-075e783 );}.elementor-1656 .elementor-element.elementor-element-e572629{--display:flex;--min-height:708px;--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:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:96px;--padding-bottom:96px;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-6a36848{--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:flex-end;}.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-1656 .elementor-element.elementor-element-0e968cc{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-1656 .elementor-element.elementor-element-0e968cc .elementor-icon-box-wrapper{text-align:start;}.elementor-1656 .elementor-element.elementor-element-0e968cc .elementor-icon-box-title, .elementor-1656 .elementor-element.elementor-element-0e968cc .elementor-icon-box-title a{font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-1656 .elementor-element.elementor-element-0e968cc .elementor-icon-box-title{color:var( --e-global-color-7129302 );}.elementor-1656 .elementor-element.elementor-element-0e968cc:has(:hover) .elementor-icon-box-title,
					 .elementor-1656 .elementor-element.elementor-element-0e968cc:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-7129302 );}.elementor-1656 .elementor-element.elementor-element-0e968cc .elementor-icon-box-description{font-family:"Anjoman", Sans-serif;font-size:32px;font-weight:700;line-height:56px;color:var( --e-global-color-075e783 );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1656 .elementor-element.elementor-element-65a0e67{--display:flex;}.elementor-1656 .elementor-element.elementor-element-a143070{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--flex-wrap:wrap;--align-content:space-evenly;}.elementor-1656 .elementor-element.elementor-element-09d84bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:5% 5%;--row-gap:5%;--column-gap:5%;}.elementor-1656 .elementor-element.elementor-element-a6d6d56{--display:flex;}.elementor-1656 .elementor-element.elementor-element-50baee9{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-50baee9:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-4868594{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-4868594:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-4868594 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.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-1656 .elementor-element.elementor-element-16bcfcc{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-16bcfcc img{width:100%;}.elementor-1656 .elementor-element.elementor-element-493c10f{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-a1c0c01 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.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-1656 .elementor-element.elementor-element-d253248 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-d253248{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-d253248 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-d253248 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-d13cbb5{--display:flex;}.elementor-1656 .elementor-element.elementor-element-deaf3a0{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-deaf3a0:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-92e458f{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-92e458f:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-92e458f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-4a5568f{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-4a5568f img{width:100%;}.elementor-1656 .elementor-element.elementor-element-0c45f44{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-a0f1a04 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-da7a4d7 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-da7a4d7{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-da7a4d7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-da7a4d7 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-b55c432{--display:flex;}.elementor-1656 .elementor-element.elementor-element-190a636{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-190a636:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-7fdc2da{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-7fdc2da:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-7fdc2da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-7bed79d{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-7bed79d img{width:100%;}.elementor-1656 .elementor-element.elementor-element-d400367{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-1e7bd38 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-662109b .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-662109b{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-662109b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-662109b .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-0027895{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:5% 5%;--row-gap:5%;--column-gap:5%;}.elementor-1656 .elementor-element.elementor-element-dcf82e2{--display:flex;}.elementor-1656 .elementor-element.elementor-element-2f82186{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-2f82186:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-7aaca83{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-7aaca83:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-7aaca83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-da1d291{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-da1d291 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-25eb239{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-832cdc2 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-0b1e34a .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-0b1e34a{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-0b1e34a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-0b1e34a .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-2ebf80d{--display:flex;}.elementor-1656 .elementor-element.elementor-element-2d1f943{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-2d1f943:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-4db296a{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-4db296a:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-4db296a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-24f179f{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-24f179f img{width:100%;}.elementor-1656 .elementor-element.elementor-element-a11f066{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-9884c03 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-0984d64 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-0984d64{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-0984d64 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-0984d64 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-6875bd8{--display:flex;}.elementor-1656 .elementor-element.elementor-element-03160d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--flex-wrap:wrap;--align-content:space-evenly;}.elementor-1656 .elementor-element.elementor-element-d4ffebc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:5% 5%;--row-gap:5%;--column-gap:5%;}.elementor-1656 .elementor-element.elementor-element-0709a86{--display:flex;}.elementor-1656 .elementor-element.elementor-element-a7b7813{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-a7b7813:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-57e9f13{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-57e9f13:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-57e9f13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-5a0743c{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-5a0743c img{width:100%;}.elementor-1656 .elementor-element.elementor-element-6109473{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-8116738 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-3c8859c .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-3c8859c{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-3c8859c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-3c8859c .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-9f97dbc{--display:flex;}.elementor-1656 .elementor-element.elementor-element-486ce6b{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-486ce6b:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-3a6f671{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-3a6f671:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-3a6f671 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-dddb9c2{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-dddb9c2 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-d68221a{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-541cb6b .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-f4862ae .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-f4862ae{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-f4862ae .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-f4862ae .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-3e9462b{--display:flex;}.elementor-1656 .elementor-element.elementor-element-1b15864{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-1b15864:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-99dad57{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-99dad57:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-99dad57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-9904d85{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-9904d85 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-a6d18f5{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-7eea18a .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-07381d5 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-07381d5{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-07381d5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-07381d5 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-cd2ec98{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:5% 5%;--row-gap:5%;--column-gap:5%;}.elementor-1656 .elementor-element.elementor-element-89fda18{--display:flex;}.elementor-1656 .elementor-element.elementor-element-d243b22{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-d243b22:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-80ee808{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-80ee808:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-80ee808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-6481829{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-6481829 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-93b4e85{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-69498a6 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-c35a805 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-c35a805{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-c35a805 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-c35a805 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-1f3e626{--display:flex;}.elementor-1656 .elementor-element.elementor-element-10f89f9{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-10f89f9:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-50a094b{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-50a094b:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-50a094b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-841898b{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-841898b img{width:100%;}.elementor-1656 .elementor-element.elementor-element-cc86232{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-4615f3f .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-f319f4e .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-f319f4e{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-f319f4e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-f319f4e .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-c222cca{--display:flex;}.elementor-1656 .elementor-element.elementor-element-b0bf6e2{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-b0bf6e2:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-c45f952{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-c45f952:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-c45f952 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-29647c3{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-29647c3 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-6377320{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-fbc78d8 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-0e622de .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-0e622de{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-0e622de .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-0e622de .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-4e03af6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:5% 5%;--row-gap:5%;--column-gap:5%;}.elementor-1656 .elementor-element.elementor-element-5dbaaa0{--display:flex;}.elementor-1656 .elementor-element.elementor-element-4ec6247{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-4ec6247:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-3e47781{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-3e47781:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-3e47781 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-472df84{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-472df84 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-ea11063{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-591320a .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-a2d4eb7 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-a2d4eb7{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-a2d4eb7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-a2d4eb7 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-29996ff{--display:flex;}.elementor-1656 .elementor-element.elementor-element-ea8a2ed{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-ea8a2ed:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-14282d7{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-14282d7:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-14282d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-e0c0c06{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-e0c0c06 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-e730abc{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-653334b .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-708ad21 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-708ad21{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-708ad21 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-708ad21 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-2d751db{--display:flex;}.elementor-1656 .elementor-element.elementor-element-623ba96{--display:flex;--min-height:452px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;}.elementor-1656 .elementor-element.elementor-element-623ba96:hover{background-color:#454544;}.elementor-1656 .elementor-element.elementor-element-c176c69{--display:flex;--min-height:380px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1656 .elementor-element.elementor-element-c176c69:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-c176c69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-18bac27{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-1656 .elementor-element.elementor-element-18bac27 img{width:100%;}.elementor-1656 .elementor-element.elementor-element-b7d64d1{--display:flex;--min-height:72px;--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:0px;--padding-left:12px;--padding-right:12px;}.elementor-1656 .elementor-element.elementor-element-6e0b166 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#454544;}.elementor-1656 .elementor-element.elementor-element-f415ad8 .elementor-button{background-color:var( --e-global-color-0018024 );font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 16px;}.elementor-1656 .elementor-element.elementor-element-f415ad8{width:var( --container-widget-width, 102px );max-width:102px;--container-widget-width:102px;--container-widget-flex-grow:0;z-index:31;}.elementor-1656 .elementor-element.elementor-element-f415ad8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1656 .elementor-element.elementor-element-f415ad8 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-1656 .elementor-element.elementor-element-4962884{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:-0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-tabs-title-gap:8px;--n-tabs-gap:48px;--n-tabs-title-border-radius:24px 24px 24px 24px;--n-tabs-title-padding-top:14px;--n-tabs-title-padding-right:24px;--n-tabs-title-padding-bottom:14px;--n-tabs-title-padding-left:24px;--n-tabs-title-font-size:18px;--n-tabs-title-color:var( --e-global-color-7143fe1 );--n-tabs-title-color-active:var( --e-global-color-0018024 );}.elementor-1656 .elementor-element.elementor-element-4962884 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-0018024 );}.elementor-1656 .elementor-element.elementor-element-4962884.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-f7b54ab );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f7b54ab );}.elementor-1656 .elementor-element.elementor-element-4962884.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1656 .elementor-element.elementor-element-4962884.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-f7b54ab );}.elementor-1656 .elementor-element.elementor-element-4962884.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-86d6cc1 );}.elementor-1656 .elementor-element.elementor-element-4962884.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Ravi", Sans-serif;font-weight:400;line-height:24px;}.elementor-1656 .elementor-element.elementor-element-4962884 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-0018024 );}.elementor-1656 .elementor-element.elementor-element-f036696{--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:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-fe7a955{--display:flex;--min-height:280px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-1656 .elementor-element.elementor-element-fe7a955:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-fe7a955 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mokarrarresin.com/ar/wp-content/uploads/2026/02/Title-Section.webp");}.elementor-1656 .elementor-element.elementor-element-8dbddf8{z-index:1;}.elementor-1656 .elementor-element.elementor-element-8dbddf8 .elementor-heading-title{font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:var( --e-global-color-b21ff53 );}.elementor-1656 .elementor-element.elementor-element-636af42{z-index:1;}.elementor-1656 .elementor-element.elementor-element-636af42 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:40px;font-weight:700;line-height:64px;color:var( --e-global-color-0018024 );}.elementor-1656 .elementor-element.elementor-element-9b89dea{--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:56px 56px;--row-gap:56px;--column-gap:56px;--margin-top:0px;--margin-bottom:96px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-9b89dea:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-9b89dea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cd61345 );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1656 .elementor-element.elementor-element-89d6779{--grid-columns:3;--grid-row-gap:64px;--grid-column-gap:64px;}.elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1656 .elementor-element.elementor-element-89d6779 .e-loop-item > .elementor-section, .elementor-1656 .elementor-element.elementor-element-89d6779 .e-loop-item > .elementor-section > .elementor-container, .elementor-1656 .elementor-element.elementor-element-89d6779 .e-loop-item > .e-con, .elementor-1656 .elementor-element.elementor-element-89d6779 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination{text-align:center;font-family:"Ravi", Sans-serif;font-size:18px;font-weight:400;line-height:28px;}.elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-7129302 );}.elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-0018024 );}.elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination .page-numbers.current{color:var( --e-global-color-0018024 );}body:not(.rtl) .elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1656 .elementor-element.elementor-element-89d6779 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1656 .elementor-element.elementor-element-b041377{--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-1656 .elementor-element.elementor-element-745efc0{--display:flex;--min-height:712px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:96px;--padding-bottom:96px;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-5b6a667{--display:flex;--min-height:502px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-58b5ea6{--display:flex;--min-height:502px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:64px;--padding-bottom:64px;--padding-left:220px;--padding-right:220px;}.elementor-1656 .elementor-element.elementor-element-b41f2af{--display:flex;--min-height:374px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:48px 48px;--row-gap:48px;--column-gap:48px;--z-index:999;}.elementor-1656 .elementor-element.elementor-element-ed1e051{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-1656 .elementor-element.elementor-element-3a9cd5f .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:20px;font-weight:300;line-height:32px;color:var( --e-global-color-7143fe1 );}.elementor-1656 .elementor-element.elementor-element-aff9185{text-align:center;}.elementor-1656 .elementor-element.elementor-element-aff9185 .elementor-heading-title{font-family:"Anjoman", Sans-serif;font-size:48px;font-weight:800;line-height:72px;color:var( --e-global-color-0018024 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(76px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(76px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(76px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-76px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-76px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1656 .elementor-element.elementor-element-85c5321{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-item > a{font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-text{color:var( --e-global-color-1b35f2e );transition:color 0.3s;}.elementor-1656 .elementor-element.elementor-element-3261172{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--z-index:2;}.elementor-1656 .elementor-element.elementor-element-a61cedf .elementor-button{background-color:var( --e-global-color-181039a );font-family:"Ravi", Sans-serif;font-size:18px;font-weight:400;line-height:28px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-181039a );border-radius:8px 8px 8px 8px;padding:14px 32px 14px 32px;}.elementor-1656 .elementor-element.elementor-element-a61cedf .elementor-button:hover, .elementor-1656 .elementor-element.elementor-element-a61cedf .elementor-button:focus{background-color:#E7A149;border-color:#E7A149;}.elementor-1656 .elementor-element.elementor-element-a61cedf{width:var( --container-widget-width, 305px );max-width:305px;--container-widget-width:305px;--container-widget-flex-grow:0;}.elementor-1656 .elementor-element.elementor-element-06bcf91 .elementor-button{background-color:#E28F2600;font-family:"Ravi", Sans-serif;font-size:18px;font-weight:400;line-height:28px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF29;border-radius:8px 8px 8px 8px;padding:14px 32px 14px 32px;}.elementor-1656 .elementor-element.elementor-element-06bcf91 .elementor-button:hover, .elementor-1656 .elementor-element.elementor-element-06bcf91 .elementor-button:focus{background-color:#FFFFFF29;border-color:#FFFFFF29;}.elementor-1656 .elementor-element.elementor-element-06bcf91{width:var( --container-widget-width, 305px );max-width:305px;--container-widget-width:305px;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-1656 .elementor-element.elementor-element-fa1d944{--width:100%;}.elementor-1656 .elementor-element.elementor-element-a6d6d56{--width:30%;}.elementor-1656 .elementor-element.elementor-element-d13cbb5{--width:30%;}.elementor-1656 .elementor-element.elementor-element-b55c432{--width:30%;}.elementor-1656 .elementor-element.elementor-element-dcf82e2{--width:30%;}.elementor-1656 .elementor-element.elementor-element-2ebf80d{--width:30%;}.elementor-1656 .elementor-element.elementor-element-0709a86{--width:30%;}.elementor-1656 .elementor-element.elementor-element-9f97dbc{--width:30%;}.elementor-1656 .elementor-element.elementor-element-3e9462b{--width:30%;}.elementor-1656 .elementor-element.elementor-element-89fda18{--width:30%;}.elementor-1656 .elementor-element.elementor-element-1f3e626{--width:30%;}.elementor-1656 .elementor-element.elementor-element-c222cca{--width:30%;}.elementor-1656 .elementor-element.elementor-element-5dbaaa0{--width:30%;}.elementor-1656 .elementor-element.elementor-element-29996ff{--width:30%;}.elementor-1656 .elementor-element.elementor-element-2d751db{--width:30%;}.elementor-1656 .elementor-element.elementor-element-58b5ea6{--width:100%;}.elementor-1656 .elementor-element.elementor-element-3261172{--width:636px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1656 .elementor-element.elementor-element-a6d6d56{--width:100%;}.elementor-1656 .elementor-element.elementor-element-d13cbb5{--width:100%;}.elementor-1656 .elementor-element.elementor-element-b55c432{--width:100%;}.elementor-1656 .elementor-element.elementor-element-dcf82e2{--width:100%;}.elementor-1656 .elementor-element.elementor-element-2ebf80d{--width:100%;}.elementor-1656 .elementor-element.elementor-element-0709a86{--width:100%;}.elementor-1656 .elementor-element.elementor-element-9f97dbc{--width:100%;}.elementor-1656 .elementor-element.elementor-element-3e9462b{--width:100%;}.elementor-1656 .elementor-element.elementor-element-89fda18{--width:100%;}.elementor-1656 .elementor-element.elementor-element-1f3e626{--width:100%;}.elementor-1656 .elementor-element.elementor-element-c222cca{--width:100%;}.elementor-1656 .elementor-element.elementor-element-5dbaaa0{--width:100%;}.elementor-1656 .elementor-element.elementor-element-29996ff{--width:100%;}.elementor-1656 .elementor-element.elementor-element-2d751db{--width:100%;}.elementor-1656 .elementor-element.elementor-element-b41f2af{--width:625px;}}@media(max-width:1024px){.elementor-1656 .elementor-element.elementor-element-6a36848{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1656 .elementor-element.elementor-element-09d84bb{--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-1656 .elementor-element.elementor-element-0027895{--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-1656 .elementor-element.elementor-element-d4ffebc{--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-1656 .elementor-element.elementor-element-cd2ec98{--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-1656 .elementor-element.elementor-element-4e03af6{--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-1656 .elementor-element.elementor-element-f036696{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1656 .elementor-element.elementor-element-89d6779{--grid-columns:2;}}@media(max-width:767px){.elementor-1656 .elementor-element.elementor-element-1721af6{--min-height:0px;--padding-top:32px;--padding-bottom:56px;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-045ea72 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-1656 .elementor-element.elementor-element-e0bbda7 .elementor-heading-title{font-size:40px;line-height:64px;}.elementor-1656 .elementor-element.elementor-element-57872c5 .elementor-heading-title{line-height:24px;}.elementor-1656 .elementor-element.elementor-element-e572629{--padding-top:112px;--padding-bottom:0;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-6a36848{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-1656 .elementor-element.elementor-element-0e968cc .elementor-icon-box-title, .elementor-1656 .elementor-element.elementor-element-0e968cc .elementor-icon-box-title a{font-size:14px;line-height:22px;}.elementor-1656 .elementor-element.elementor-element-a143070{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-1656 .elementor-element.elementor-element-09d84bb{--min-height:1440px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1656 .elementor-element.elementor-element-0027895{--justify-content:space-between;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--flex-wrap:nowrap;}.elementor-1656 .elementor-element.elementor-element-03160d3{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-1656 .elementor-element.elementor-element-d4ffebc{--min-height:1440px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1656 .elementor-element.elementor-element-cd2ec98{--min-height:1440px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1656 .elementor-element.elementor-element-4e03af6{--min-height:1440px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1656 .elementor-element.elementor-element-4962884{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-1656 .elementor-element.elementor-element-f036696{--padding-top:56px;--padding-bottom:112px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-fe7a955{--min-height:180px;}.elementor-1656 .elementor-element.elementor-element-8dbddf8 .elementor-heading-title{font-size:14px;line-height:22px;}.elementor-1656 .elementor-element.elementor-element-636af42 .elementor-heading-title{font-size:32px;line-height:56px;}.elementor-1656 .elementor-element.elementor-element-9b89dea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-89d6779{--grid-columns:1;--grid-row-gap:32px;}.elementor-1656 .elementor-element.elementor-element-745efc0{--content-width:100%;--min-height:610px;--padding-top:56px;--padding-bottom:72px;--padding-left:5%;--padding-right:5%;}.elementor-1656 .elementor-element.elementor-element-5b6a667{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-58b5ea6{--width:100%;--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-1656 .elementor-element.elementor-element-b41f2af{--width:100%;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-1656 .elementor-element.elementor-element-3a9cd5f{text-align:center;}.elementor-1656 .elementor-element.elementor-element-3a9cd5f .elementor-heading-title{font-size:18px;line-height:28px;}.elementor-1656 .elementor-element.elementor-element-aff9185 .elementor-heading-title{font-size:32px;line-height:56px;}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-item > a{font-size:14px;line-height:22px;}.elementor-1656 .elementor-element.elementor-element-3261172{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-1656 .elementor-element.elementor-element-06bcf91.elementor-element{--order:-99999 /* order start hack */;}}/* Start custom CSS for container, class: .elementor-element-1721af6 */.smh-hero-sec {
    position: relative; /* برای اینکه سودو-المنت به این سکشن محدود شود */
    overflow: hidden; /* جلوگیری از بیرون زدگی */
}

/* ایجاد لایه گرادینت روی ویدیو */
.smh-hero-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* بالاتر از ویدیو، پایین‌تر از متن */
    pointer-events: none; /* تاثیری روی کلیک‌ها نداشته باشد */
    
    background-image: 
        /* 1. گرادینت عمودی (بالا به پایین) */
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,    /* بالا: شفاف */
            rgba(255, 255, 255, 0.5) 50%, /* وسط: ۵۰٪ اوپاسیتی */
            rgba(255, 255, 255, 1) 100%   /* پایین: سفید خالص */
        ),
        
        /* 2. گرادینت افقی (چپ به راست) */
        linear-gradient(
            to right,
            rgba(255, 255, 255, 0) 0%,    /* چپ: شفاف */
            rgba(255, 255, 255, 0.5) 50%, /* وسط: ۵۰٪ اوپاسیتی */
            rgba(255, 255, 255, 1) 100%   /* راست: سفید خالص */
        );
}

/* مطمئن شویم محتوای داخل سکشن (متن و دکمه‌ها) روی گرادینت قرار می‌گیرند */
.smh-hero-sec > .elementor-container,
.smh-hero-sec > .elementor-widget-wrap {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d253248 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50baee9 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da7a4d7 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-deaf3a0 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-662109b *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-190a636 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b1e34a *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f82186 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0984d64 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1f943 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c8859c *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7b7813 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f4862ae *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-486ce6b *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-07381d5 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b15864 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c35a805 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d243b22 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f319f4e *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f89f9 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e622de *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0bf6e2 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a2d4eb7 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ec6247 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-708ad21 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea8a2ed *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f415ad8 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-623ba96 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d253248 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50baee9 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da7a4d7 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-deaf3a0 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-662109b *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-190a636 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b1e34a *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f82186 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0984d64 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1f943 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c8859c *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7b7813 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f4862ae *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-486ce6b *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-07381d5 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b15864 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c35a805 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d243b22 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f319f4e *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f89f9 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e622de *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0bf6e2 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a2d4eb7 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ec6247 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-708ad21 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea8a2ed *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f415ad8 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-623ba96 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d253248 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50baee9 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da7a4d7 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-deaf3a0 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-662109b *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-190a636 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b1e34a *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f82186 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0984d64 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1f943 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c8859c *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7b7813 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f4862ae *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-486ce6b *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-07381d5 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b15864 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c35a805 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d243b22 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f319f4e *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f89f9 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e622de *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0bf6e2 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a2d4eb7 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ec6247 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-708ad21 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea8a2ed *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f415ad8 *//* آیکون داخل دکمه */
.smh-product-btn-2 .elementor-button-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* خود SVG */
.smh-product-btn-2 .elementor-button-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* اگر المنتور روی path هم چیزی انداخته باشه */
.smh-product-btn-2 .elementor-button-icon svg * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-623ba96 *//* =========================================================
   SMH Product Button – Final Hover Behavior (Updated -2)
   ========================================================= */

/* 1) پایه دکمه */
.smh-product-card-2 .smh-product-btn-2 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transition: background-color .2s ease !important;
}

/* 2) لایه وایپ سفید از چپ به راست */
.smh-product-card-2 .smh-product-btn-2 .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important; /* رنگ وایپ */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .35s ease !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 3) محتوای دکمه بالای لایه وایپ */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* 5) حالت عادی – رنگ متن دکمه (سفید) */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-text {
  color: #ffffff !important; /* درخواست شما: متن عادی سفید */
  transition: color .2s ease !important;
}



/* 6) حرکت آیکون */
.smh-product-card-2 .smh-product-btn-2 .elementor-button-icon svg {
  display: block !important;
  transform: translateX(0) !important;
  transition: transform .25s ease !important;
}

/* ================= هاور روی کارت (Button Interaction) ================= */

/* مرحله اول: بکگراند دکمه تیره */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
  background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید فعال شود */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before {
  transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون در هاور (تیره شود چون پس‌زمینه سفید می‌شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path {
  stroke: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}

/* تغییر رنگ متن در هاور (تیره شود) */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text {
  color: #454544 !important; /* درخواست شما */
  transition-delay: .10s !important;
}


/* =========================================
   Product Card Title (New Requirement)
   ========================================= */

/* تنظیم ترنزیشن برای عنوان */
.smh-product-card-name-2 .elementor-heading-title {
  transition: color 0.3s ease !important;
  /* رنگ حالت عادی همانی است که در المنتور تنظیم کردید */
}

/* هاور روی کارت -> سفید شدن عنوان */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title {
  color: #ffffff !important;
}


/* =========================================
   Product Card Image Gradient Overlay
   ========================================= */

/* پایه سکشن تصویر */
.smh-product-card-pic-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* لایه گرادینت */
.smh-product-card-pic-2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(31, 31, 31, 1) 0%,
    rgba(31, 31, 31, 0.84) 20%,
    rgba(31, 31, 31, 0.60) 50%,
    rgba(31, 31, 31, 0.40) 75%,
    rgba(31, 31, 31, 0.20) 100%
  );
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* هاور روی کارت اصلی → کاهش opacity کل گرادینت */
.smh-product-card-2:hover .smh-product-card-pic-2::before {
  opacity: 0.7 !important;
}

/* لوگو */
.smh-product-card-logo-2 img {
  transform: scale(1);
  transform-origin: top center;
  transition: transform .35s ease;
}

.smh-product-card-2:hover .smh-product-card-logo-2 img {
  transform: scale(0.6667);
}


/* ================= فعال‌سازی استایل‌های سری 2 با اسکرول موبایل ================= */

/* تغییر رنگ بکگراند کارت اصلی سری 2 */
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2:hover,
.elementor-1743 .elementor-element.elementor-element-42cc52c.smh-product-card-2.active-scroll {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* لایه وایپ سفید دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button::before,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-icon svg path,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-icon svg path {
    stroke: #454544 !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن دکمه */
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button-text,
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button-text {
    color: #454544 !important;
    transition-delay: .10s !important;
}

/* سفید شدن عنوان کارت */
.smh-product-card-2:hover .smh-product-card-name-2 .elementor-heading-title,
.smh-product-card-2.active-scroll .smh-product-card-name-2 .elementor-heading-title {
    color: #ffffff !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card-2:hover .smh-product-card-pic-2::before,
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card-2:hover .smh-product-card-logo-2 img,
.smh-product-card-2.active-scroll .smh-product-card-logo-2 img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f036696 */@media (max-width: 767px) {
    .elementor-1656 .elementor-element.elementor-element-f036696 {
        background-color: #ffffff !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe7a955 */.elementor-1656 .elementor-element.elementor-element-fe7a955.smh-product-cat-sec::before {
    content: "";
    position: absolute;
    inset: 0; /* همان top:0; right:0; bottom:0; left:0; */
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        rgba(33, 33, 33, 0.5) 0%,
        rgba(33, 33, 33, 0.75) 50%,
        rgba(33, 33, 33, 1) 100%
    );
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89d6779 *//* ======================================================= */
/* تنظیمات صفحه‌بندی برای لیست با آیدی smh-target-listss   */
/* ======================================================= */

/* تنظیمات کلی pagination المنتور در این لیست */
#smh-target-listss .elementor-pagination {
    position: relative;
    padding-top: 64px;
    padding-bottom: 0px;
    border-top: none !important;
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}

/* خط تمام عرض صفحه */
#smh-target-listss .elementor-pagination::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;              /* کل عرض صفحه */
    border-top: 0px solid #F2F2F2; 
}

/* همه آیتم‌ها (شماره‌ها و دکمه‌های قبلی/بعدی) */
#smh-target-listss .elementor-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px;
    min-width: 44px;
    line-height: 1 !important;
}

/* مخفی کردن متن "قبلی" و "بعدی" */
#smh-target-listss .elementor-pagination .prev,
#smh-target-listss .elementor-pagination .next {
    font-size: 0 !important;
}

/* فلش قبلی */
#smh-target-listss .elementor-pagination .prev::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("https://mokarrarresin.com/ar/wp-content/uploads/2026/01/Arrow-Left.svg") no-repeat center;
    background-size: contain;
    padding-right: 150px;
}

/* فلش بعدی */
#smh-target-listss .elementor-pagination .next::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("https://mokarrarresin.com/ar/wp-content/uploads/2026/01/Arrow-Right.svg") no-repeat center;
    background-size: contain;
    padding-left: 150px;
}

/* ریسپانسیو خط تمام عرض در موبایل */
@media (max-width: 767px) {
    #smh-target-listss .elementor-pagination::before {
        border-top: 0px solid #F2F2F2;
    }
}

/* ======================================================= */
/* تغییرات برای فعال‌سازی با اسکرول در موبایل (کارت محصول)  */
/* ======================================================= */

/* مرحله اول: بکگراند تیره دکمه */
.smh-product-card:hover .smh-product-btn .elementor-button,
.smh-product-card.active-scroll .smh-product-btn .elementor-button {
    background-color: #454544 !important;
}

/* مرحله دوم: وایپ سفید از چپ */
.smh-product-card:hover .smh-product-btn .elementor-button::before,
.smh-product-card.active-scroll .smh-product-btn .elementor-button::before {
    transform: scaleX(1) !important;
}

/* تغییر رنگ آیکون */
.smh-product-card:hover .smh-product-btn .elementor-button-icon svg path,
.smh-product-card.active-scroll .smh-product-btn .elementor-button-icon svg path {
    stroke: #2A2A2A !important;
    transition-delay: .10s !important;
}

/* تغییر رنگ متن */
.smh-product-card:hover .smh-product-btn .elementor-button-text,
.smh-product-card.active-scroll .smh-product-btn .elementor-button-text {
    color: #2A2A2A !important;
    transition-delay: .10s !important;
}

/* کاهش opacity گرادینت تصویر */
.smh-product-card:hover .smh-product-card-pic::before,
.smh-product-card.active-scroll .smh-product-card-pic::before {
    opacity: 0.7 !important;
}

/* کوچک شدن لوگو */
.smh-product-card:hover .smh-product-card-logo img,
.smh-product-card.active-scroll .smh-product-card-logo img {
    transform: scale(0.6667);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-927aa34 *//* ================= تغییر رنگ بکگراند کارت نوع دوم در حالت اسکرول موبایل ================= */

/* تغییر رنگ پس‌زمینه کارت اصلی */
.smh-product-card-2.active-scroll,
.smh-product-card-2:hover {
    background-color: #454544 !important;
    transition: background-color 0.3s ease !important;
}

/* کاهش آپاسیتی گرادینت عکس (در صورت وجود) برای کارت دوم */
.smh-product-card-2.active-scroll .smh-product-card-pic-2::before,
.smh-product-card-2:hover .smh-product-card-pic-2::before {
    opacity: 0.7 !important;
}

/* در صورت نیاز به تغییر رنگ دکمه کارت دوم در حالت فعال */
.smh-product-card-2.active-scroll .smh-product-btn-2 .elementor-button,
.smh-product-card-2:hover .smh-product-btn-2 .elementor-button {
    background-color: #454544 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aff9185 */.elementor-1656 .elementor-element.elementor-element-aff9185 .elementor-heading-title span{
    color: #E28F26 !important;
}

@media (max-width: 767px) {
    .elementor-1656 .elementor-element.elementor-element-aff9185 br {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-85c5321 */.elementor-1656 .elementor-element.elementor-element-85c5321 .elementor-icon-list-item:not(:last-child)::after {
    content: "";
    display: inline-block;

    width: 2px;
    height: 18px;

    background-color: #FFFFFF14; /* همون 8٪ سفید */

    transform: rotate(18deg);
    transform-origin: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58b5ea6 *//* ۱. تنظیمات والد برای نگهداری لایه‌ها */
.elementor-1656 .elementor-element.elementor-element-58b5ea6 {
    position: relative;
    overflow: hidden;
    isolation: isolate; /* ایجاد محیط ایزوله برای لایه‌ها */
}

/* ۲. تنظیمات ویدیو (لایه زیرین) */
.smh-internal-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* کف‌ترین لایه */
}

.smh-internal-video video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* پر کردن کامل فضا */
    display: block;
}

/* ۳. ایجاد لایه شیشه‌ای و گرادینت (لایه وسط) */
.elementor-1656 .elementor-element.elementor-element-58b5ea6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* روی ویدیو قرار می‌گیرد */
    
    /* افکت بلر (شیشه‌ای) */
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    
    /* گرادینت درخواستی شما */
    background: linear-gradient(to bottom, 
        rgba(10, 30, 66, 1) 0%,      
        rgba(16, 31, 58, 0.98) 25%,  
        rgba(21, 31, 50, 0.95) 50%,  
        rgba(27, 32, 41, 0.92) 75%,  
        rgba(33, 33, 33, 0.90) 100% 
    );
}

/* ۴. بالا آوردن محتوای داخلی (لایه رویی) */
.smh-supplier-sec-in-2 {
    position: relative;
    z-index: 2; /* بالاترین لایه تا قابل کلیک و دیدن باشد */
}


/* اصلاحات اختصاصی فقط برای حالت موبایل */
@media (max-width: 767px) {
    /* ۱. محدود کردن عرض والد اصلی */
    .elementor-1656 .elementor-element.elementor-element-58b5ea6 {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
    }

    /* ۲. فیکس کردن عرض لایه گرادینت */
    .elementor-1656 .elementor-element.elementor-element-58b5ea6::before {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* ۳. فیکس کردن لایه ویدیو */
    .smh-internal-video {
        width: 100% !important;
        left: 0 !important;
    }

    /* ۴. جلوگیری از بیرون زدن کانتینر محتوای داخلی */
    .smh-supplier-sec-in-2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 15px !important; /* پدینگ ایمنی برای نچسبیدن متن به لبه گوشی */
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b6a667 */.smh-supplier-sec-in {
    background: linear-gradient(to bottom, 
        rgba(10, 30, 66, 1) 0%,      /* بالا: 0A1E42 - اوپاسیتی 100% */
        rgba(16, 31, 58, 0.98) 25%,  /* 101F3A - اوپاسیتی 98% */
        rgba(21, 31, 50, 0.95) 50%,  /* 151F32 - اوپاسیتی 95% */
        rgba(27, 32, 41, 0.92) 75%,  /* 1B2029 - اوپاسیتی 92% */
        rgba(33, 33, 33, 0.90) 100%  /* پایین: 212121 - اوپاسیتی 90% */
    ) !important;
}

.smh-supplier-sec-in{
  position: relative;
  overflow: visible; /* مهم: اجازه بده افکت بیرون بزنه */
  z-index: 1;
}

/* نوار بلور/گلو زیر سکشن */
.smh-supplier-sec-in::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  
  width: min(383px, 24%);
  height: 90px;

  bottom: -30px; /* نصف height برای بیرون‌زدگی */
  
  background: radial-gradient(
    ellipse at center,
    rgba(23, 71, 158, 0.55) 0%,
    rgba(23, 71, 158, 0.18) 35%,
    rgba(23, 71, 158, 0.00) 70%
  );

  filter: blur(50px);
  opacity: 1;
  pointer-events: none;
  z-index: -1; /* پشت محتوا */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-745efc0 */.smh-supplier-sec {
    background: linear-gradient(
        to bottom, 
        transparent 195px,  /* از ۰ تا ۱۹۵ پیکسل شفاف */
        #212121 195px       /* از ۱۹۵ پیکسل به بعد رنگی */
    ) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'Ravi';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('https://mokarrarresin.com/ar/wp-content/uploads/2026/01/RaviFaNum-VF.woff') format('woff');
}
/* End Custom Fonts CSS */