.elementor-7 .elementor-element.elementor-element-b9b4369{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;}.elementor-7 .elementor-element.elementor-element-b9b4369.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-908006f{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-908006f.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Marcellus;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-fe07583{left:-196px;}body.rtl .elementor-7 .elementor-element.elementor-element-fe07583{right:-196px;}.elementor-7 .elementor-element.elementor-element-fe07583{top:-31px;}.elementor-7 .elementor-element.elementor-element-fe07583 img{width:100%;max-width:36%;height:318px;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-d4f2b8c{right:-469px;}body.rtl .elementor-7 .elementor-element.elementor-element-d4f2b8c{left:-469px;}.elementor-7 .elementor-element.elementor-element-d4f2b8c{top:0px;}.elementor-7 .elementor-element.elementor-element-d4f2b8c img{width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Marcellus;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-4ba3e9a{width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;z-index:99;text-align:start;}.elementor-7 .elementor-element.elementor-element-4ba3e9a.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-4ba3e9a .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:120px;font-weight:400;text-transform:uppercase;line-height:100px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-1bf6dfc{width:auto;max-width:auto;z-index:99;text-align:start;}.elementor-7 .elementor-element.elementor-element-1bf6dfc.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-1bf6dfc .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:120px;font-weight:400;text-transform:uppercase;line-height:92px;color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-f2a77a1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1b8407c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-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 ), Marcellus;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.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 ), Marcellus;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon{font-size:26px;}.elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-title a{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;text-transform:uppercase;line-height:62px;}.elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-description{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-9337e81{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Marcellus;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button{background-color:var( --e-global-color-astglobalcolor4 );font-family:"Marcellus", Marcellus;font-size:18px;font-weight:500;line-height:30px;letter-spacing:1px;fill:var( --e-global-color-astglobalcolor6 );color:var( --e-global-color-astglobalcolor6 );border-radius:100px 100px 100px 100px;padding:28px 28px 28px 28px;}.elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor6 );}.elementor-7 .elementor-element.elementor-element-4d29811{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button:hover svg, .elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor6 );}.elementor-7 .elementor-element.elementor-element-7beacb4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-873b123 img{width:100%;max-width:58%;}.elementor-7 .elementor-element.elementor-element-c8ee39c{--display:flex;--overflow:hidden;}.elementor-7 .elementor-element.elementor-element-f3d7983{text-align:center;}.elementor-7 .elementor-element.elementor-element-f3d7983 .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:27px;color:#C9CED4;}.elementor-7 .elementor-element.elementor-element-721662b{--e-image-carousel-slides-to-show:5;}.elementor-7 .elementor-element.elementor-element-0f51857{--display:flex;--overflow:hidden;--padding-top:120px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Marcellus;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-0b2ce35 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-0b2ce35 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-0b2ce35{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-0b2ce35 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-0b2ce35 .elementor-icon-list-item > a{font-family:"Outfit", Marcellus;font-size:14px;font-weight:700;text-transform:uppercase;line-height:27px;}.elementor-7 .elementor-element.elementor-element-0b2ce35 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-a114e40{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-a658624 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-f7dcadf .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:#868686;}.elementor-7 .elementor-element.elementor-element-11a59b8{--display:flex;--min-height:0vh;--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:center;--overflow:hidden;--overlay-opacity:0.67;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-11a59b8:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-11a59b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/srv-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-11a59b8::before, .elementor-7 .elementor-element.elementor-element-11a59b8 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-11a59b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-11a59b8 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-11a59b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-11a59b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-667f394{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#8E8E8E66;--border-color:#8E8E8E66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-667f394:hover{background-color:transparent;background-image:linear-gradient(180deg, #12F41000 70%, var( --e-global-color-primary ) 100%);}.elementor-7 .elementor-element.elementor-element-3fb2a62{--display:flex;--min-height:86vh;--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:space-evenly;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-352ab7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-352ab7e .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:36px;font-weight:400;text-transform:capitalize;line-height:39px;color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Marcellus;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-da34496{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-da34496 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-9e2b085{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-7 .elementor-element.elementor-element-9e2b085.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-9e2b085 img{filter:brightness( 100% ) contrast( 124% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.5s;}.elementor-7 .elementor-element.elementor-element-9e2b085:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-5b318e4{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-5b318e4.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-6126e64{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-6126e64.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-6126e64 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:capitalize;line-height:29px;color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-a10b909{width:var( --container-widget-width, 50px );max-width:50px;padding:12px 12px 12px 12px;--container-widget-width:50px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:50% 50% 50% 50%;}.elementor-7 .elementor-element.elementor-element-a10b909.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-a10b909 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-a10b909.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-a10b909.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-a10b909.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-a10b909.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-a10b909.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-a10b909 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-a10b909 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-a10b909 .elementor-icon i, .elementor-7 .elementor-element.elementor-element-a10b909 .elementor-icon svg{transform:rotate(328deg);}.elementor-7 .elementor-element.elementor-element-8acdd17{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#8E8E8E66;--border-color:#8E8E8E66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-8acdd17:hover{background-color:transparent;background-image:linear-gradient(180deg, #12F41000 70%, var( --e-global-color-primary ) 100%);}.elementor-7 .elementor-element.elementor-element-46baee5{--display:flex;--min-height:86vh;--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:space-evenly;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7d30b56{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-7d30b56 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:36px;font-weight:400;text-transform:capitalize;line-height:39px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-0a75e58{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-0a75e58 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-c273f74{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-7 .elementor-element.elementor-element-c273f74.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-c273f74 img{filter:brightness( 100% ) contrast( 124% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.5s;}.elementor-7 .elementor-element.elementor-element-c273f74:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-7af907d{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7af907d.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-205da85{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-205da85.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-205da85 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:capitalize;line-height:29px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-76af396{width:var( --container-widget-width, 50px );max-width:50px;padding:12px 12px 12px 12px;--container-widget-width:50px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:50% 50% 50% 50%;}.elementor-7 .elementor-element.elementor-element-76af396.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-76af396 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-76af396.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-76af396.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-76af396.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-76af396.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-76af396.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-76af396 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-76af396 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-76af396 .elementor-icon i, .elementor-7 .elementor-element.elementor-element-76af396 .elementor-icon svg{transform:rotate(328deg);}.elementor-7 .elementor-element.elementor-element-7321321{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#8E8E8E66;--border-color:#8E8E8E66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7321321:hover{background-color:transparent;background-image:linear-gradient(180deg, #12F41000 70%, var( --e-global-color-primary ) 100%);}.elementor-7 .elementor-element.elementor-element-4d7e25c{--display:flex;--min-height:86vh;--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:space-evenly;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-ee3fb4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-ee3fb4a .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:36px;font-weight:400;text-transform:capitalize;line-height:39px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-c1aa3d8{font-family:"Outfit", Marcellus;font-size:13px;font-weight:400;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-c1aa3d8 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-fc97656{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-7 .elementor-element.elementor-element-fc97656.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-fc97656 img{filter:brightness( 100% ) contrast( 124% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.5s;}.elementor-7 .elementor-element.elementor-element-fc97656:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-713d222{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-713d222.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-c979d14{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-c979d14.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-c979d14 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:capitalize;line-height:29px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-1a9895b{width:var( --container-widget-width, 50px );max-width:50px;padding:12px 12px 12px 12px;--container-widget-width:50px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:50% 50% 50% 50%;}.elementor-7 .elementor-element.elementor-element-1a9895b.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-1a9895b .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-1a9895b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-1a9895b.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-1a9895b.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-1a9895b.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-1a9895b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-1a9895b .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-1a9895b .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-1a9895b .elementor-icon i, .elementor-7 .elementor-element.elementor-element-1a9895b .elementor-icon svg{transform:rotate(328deg);}.elementor-7 .elementor-element.elementor-element-5d3e7bb{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#8E8E8E66;--border-color:#8E8E8E66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-5d3e7bb:hover{background-color:transparent;background-image:linear-gradient(180deg, #12F41000 70%, var( --e-global-color-primary ) 100%);}.elementor-7 .elementor-element.elementor-element-950b3ce{--display:flex;--min-height:86vh;--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:space-evenly;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-4e14c75{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-4e14c75 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:36px;font-weight:400;text-transform:capitalize;line-height:39px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-6c2a3f6{font-family:"Outfit", Marcellus;font-size:13px;font-weight:400;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-6c2a3f6 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-c99cfc5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-7 .elementor-element.elementor-element-c99cfc5.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-c99cfc5 img{filter:brightness( 100% ) contrast( 124% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.5s;}.elementor-7 .elementor-element.elementor-element-c99cfc5:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-16efa3c{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-16efa3c.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-98c1b58{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-98c1b58.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-98c1b58 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:capitalize;line-height:29px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-60af243{width:var( --container-widget-width, 50px );max-width:50px;padding:12px 12px 12px 12px;--container-widget-width:50px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:50% 50% 50% 50%;}.elementor-7 .elementor-element.elementor-element-60af243.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-60af243 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-60af243.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-60af243.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-60af243.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-60af243.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-60af243.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-60af243 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-60af243 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-60af243 .elementor-icon i, .elementor-7 .elementor-element.elementor-element-60af243 .elementor-icon svg{transform:rotate(328deg);}.elementor-7 .elementor-element.elementor-element-e85ea67{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-7 .elementor-element.elementor-element-e85ea67.elementor-element{--align-self:center;}:where( .elementor-7 .elementor-element.elementor-element-e85ea67 .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-7 .elementor-element.elementor-element-202e6fc{--display:flex;--min-height:100vh;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3b8410f{--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;--justify-content:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-99fcfba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 300px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-99fcfba .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-99fcfba .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-99fcfba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-99fcfba .elementor-icon-list-item > a{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:27px;}.elementor-7 .elementor-element.elementor-element-99fcfba .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-f26963f{padding:0px 0px 0px 300px;}.elementor-7 .elementor-element.elementor-element-f26963f .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;line-height:62px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-3a56d44{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-d4a7a80{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:85px;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-d4a7a80{left:592.991px;}body.rtl .elementor-7 .elementor-element.elementor-element-d4a7a80{right:592.991px;}.elementor-7 .elementor-element.elementor-element-d4a7a80 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;line-height:67px;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Marcellus;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-f382cc1{--divider-border-style:solid;--divider-color:#8E8E8E66;--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-f382cc1 .elementor-divider-separator{width:100%;}.elementor-7 .elementor-element.elementor-element-f382cc1 .elementor-divider{padding-block-start:22px;padding-block-end:22px;}.elementor-7 .elementor-element.elementor-element-d0be1d0{--divider-border-style:solid;--divider-color:#8E8E8E66;--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-d0be1d0 .elementor-divider-separator{width:100%;}.elementor-7 .elementor-element.elementor-element-d0be1d0 .elementor-divider{padding-block-start:22px;padding-block-end:22px;}.elementor-7 .elementor-element.elementor-element-a854e30{--divider-border-style:solid;--divider-color:#8E8E8E66;--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-a854e30 .elementor-divider-separator{width:100%;}.elementor-7 .elementor-element.elementor-element-a854e30 .elementor-divider{padding-block-start:22px;padding-block-end:22px;}.elementor-7 .elementor-element.elementor-element-e915384{padding:0px 0px 0px 300px;}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-wrapper{gap:12px;}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-title{margin-block-end:15px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-e915384.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-e915384.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-e915384.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon{font-size:70px;}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-title a{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;line-height:44px;letter-spacing:-5px;}.elementor-7 .elementor-element.elementor-element-e915384:has(:hover) .elementor-icon-box-title,
					 .elementor-7 .elementor-element.elementor-element-e915384:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-description{font-family:"Outfit", Marcellus;font-size:16px;font-weight:700;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-79a466d{padding:0px 0px 0px 300px;}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-wrapper{gap:12px;}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-title{margin-block-end:15px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-79a466d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-79a466d.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-79a466d.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon{font-size:70px;}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-title a{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;line-height:44px;letter-spacing:-5px;}.elementor-7 .elementor-element.elementor-element-79a466d:has(:hover) .elementor-icon-box-title,
					 .elementor-7 .elementor-element.elementor-element-79a466d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-description{font-family:"Outfit", Marcellus;font-size:16px;font-weight:700;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-615f96d{--divider-border-style:solid;--divider-color:#9797977A;--divider-border-width:1px;padding:0px 0px 0px 300px;}.elementor-7 .elementor-element.elementor-element-615f96d .elementor-divider-separator{width:100%;}.elementor-7 .elementor-element.elementor-element-615f96d .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-7 .elementor-element.elementor-element-5cd14a2{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 300px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-5cd14a2 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-3db643e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-fe37e3a img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );border-style:none;}.elementor-7 .elementor-element.elementor-element-fe37e3a:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-7ce3356{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-a09c2b5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-58bced4 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-58bced4 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor4 );transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-58bced4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-58bced4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-58bced4 .elementor-icon-list-item > a{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:27px;}.elementor-7 .elementor-element.elementor-element-58bced4 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-d300aac .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-662a044 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:#868686;}.elementor-7 .elementor-element.elementor-element-7321fa1{--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-7 .elementor-element.elementor-element-247034e{--display:flex;--min-height:0vh;--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:center;--overflow:hidden;--overlay-opacity:0.67;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-247034e::before, .elementor-7 .elementor-element.elementor-element-247034e > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-247034e > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-247034e > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-247034e > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-247034e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-0d5b445{--display:flex;--min-height:90vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A9A9A9;--border-color:#A9A9A9;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0d5b445:hover{background-color:transparent;background-image:linear-gradient(180deg, #12F41000 70%, var( --e-global-color-primary ) 100%);}.elementor-7 .elementor-element.elementor-element-f54828d{--display:flex;--min-height:78vh;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-99f3eee .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-1371ea3{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-1371ea3 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-eebbbfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-7 .elementor-element.elementor-element-eebbbfa.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-eebbbfa img{filter:brightness( 100% ) contrast( 124% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.5s;}.elementor-7 .elementor-element.elementor-element-eebbbfa:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-c3c8982{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-c3c8982.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-f909af7{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-f909af7.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-f909af7 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:capitalize;line-height:29px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-4f7bb03{width:var( --container-widget-width, 50px );max-width:50px;padding:12px 12px 12px 12px;--container-widget-width:50px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:50% 50% 50% 50%;}.elementor-7 .elementor-element.elementor-element-4f7bb03.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-4f7bb03 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-4f7bb03.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-4f7bb03.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-4f7bb03.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-4f7bb03.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-4f7bb03.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-4f7bb03 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-4f7bb03 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-4f7bb03 .elementor-icon i, .elementor-7 .elementor-element.elementor-element-4f7bb03 .elementor-icon svg{transform:rotate(328deg);}.elementor-7 .elementor-element.elementor-element-1d837c9{--display:flex;--min-height:0vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A9A9A9;--border-color:#A9A9A9;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1d837c9:hover{background-color:transparent;background-image:linear-gradient(180deg, #12F41000 70%, var( --e-global-color-primary ) 100%);}.elementor-7 .elementor-element.elementor-element-ee516f7{--display:flex;--min-height:78vh;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-a220730{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-a220730 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:36px;font-weight:400;text-transform:capitalize;line-height:39px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-f1f1d06{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-f1f1d06 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-d348e5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-7 .elementor-element.elementor-element-d348e5f.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-d348e5f img{filter:brightness( 100% ) contrast( 124% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.5s;}.elementor-7 .elementor-element.elementor-element-d348e5f:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-54a3662{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-54a3662.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-aa0270a{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-aa0270a.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-aa0270a .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:capitalize;line-height:29px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-73176f6{width:var( --container-widget-width, 50px );max-width:50px;padding:12px 12px 12px 12px;--container-widget-width:50px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:50% 50% 50% 50%;}.elementor-7 .elementor-element.elementor-element-73176f6.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-73176f6 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-73176f6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-73176f6.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-73176f6.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-73176f6.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-73176f6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-73176f6 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-73176f6 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-73176f6 .elementor-icon i, .elementor-7 .elementor-element.elementor-element-73176f6 .elementor-icon svg{transform:rotate(328deg);}.elementor-7 .elementor-element.elementor-element-b8df554{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:73px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-7 .elementor-element.elementor-element-b8df554.elementor-element{--align-self:center;}:where( .elementor-7 .elementor-element.elementor-element-b8df554 .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-7 .elementor-element.elementor-element-d4e3da9{--display:flex;--overflow:hidden;border-style:none;--border-style:none;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-d4e3da9:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-d4e3da9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-63039d0{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-0198b1c{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0198b1c:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-0198b1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-e999770 img{width:60%;}.elementor-7 .elementor-element.elementor-element-56c5964{--display:flex;--overflow:hidden;--margin-top:-53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2453e87 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-2453e87.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-2453e87.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-2453e87.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-2453e87.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-2453e87.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-2453e87 .elementor-icon{font-size:126px;}.elementor-7 .elementor-element.elementor-element-2453e87 .elementor-icon svg{height:126px;}.elementor-7 .elementor-element.elementor-element-f343f51{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-f343f51 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:20px;font-weight:400;text-transform:capitalize;line-height:27px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-a669aa9{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-efd7ae9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-018afec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-e1481da .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-e1481da .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor4 );transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-e1481da{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-e1481da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-e1481da .elementor-icon-list-item > a{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:27px;}.elementor-7 .elementor-element.elementor-element-e1481da .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-3897953{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-23c3e50 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-8d95385 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:#868686;}.elementor-7 .elementor-element.elementor-element-bfb4319{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-8398916{font-family:"Outfit", Marcellus;font-size:18px;font-weight:400;line-height:27px;color:#C0C0C0;}.elementor-7 .elementor-element.elementor-element-191fc7f{--display:flex;}.elementor-7 .elementor-element.elementor-element-ce3f98d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-b35fc1f{padding:0px 0px 30px 0px;}.elementor-7 .elementor-element.elementor-element-b35fc1f .elementor-icon-box-wrapper{text-align:start;gap:25px;}.elementor-7 .elementor-element.elementor-element-b35fc1f.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-b35fc1f.elementor-view-stacked .elementor-icon{fill:#000000;color:#000000;}.elementor-7 .elementor-element.elementor-element-b35fc1f .elementor-icon{font-size:35px;}.elementor-7 .elementor-element.elementor-element-b35fc1f .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-b35fc1f .elementor-icon-box-title a{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;text-transform:uppercase;line-height:62px;}.elementor-7 .elementor-element.elementor-element-b35fc1f .elementor-icon-box-description{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:30px;color:#C0BDBD;}.elementor-7 .elementor-element.elementor-element-51fa4b5 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:20px;font-weight:400;text-transform:uppercase;line-height:24px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-9dcd706{padding:10px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-9dcd706 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:24px;color:#B8B2B2;}.elementor-7 .elementor-element.elementor-element-dcade64{--display:flex;}.elementor-7 .elementor-element.elementor-element-cb16d5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-8db9a83{padding:0px 0px 30px 0px;}.elementor-7 .elementor-element.elementor-element-8db9a83 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-8db9a83.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-8db9a83.elementor-view-stacked .elementor-icon{fill:#000000;color:#000000;}.elementor-7 .elementor-element.elementor-element-8db9a83 .elementor-icon{font-size:35px;}.elementor-7 .elementor-element.elementor-element-8db9a83 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-8db9a83 .elementor-icon-box-title a{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;text-transform:uppercase;line-height:62px;}.elementor-7 .elementor-element.elementor-element-8db9a83 .elementor-icon-box-description{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:30px;color:#C0BDBD;}.elementor-7 .elementor-element.elementor-element-a5eb8b9 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:20px;font-weight:400;text-transform:uppercase;line-height:24px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-2b48bf9{padding:10px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-2b48bf9 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:24px;color:#B8B2B2;}.elementor-7 .elementor-element.elementor-element-5b0f910{--display:flex;}.elementor-7 .elementor-element.elementor-element-26e236e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-4816cbe{padding:0px 0px 30px 0px;}.elementor-7 .elementor-element.elementor-element-4816cbe .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-4816cbe.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-4816cbe.elementor-view-stacked .elementor-icon{fill:#000000;color:#000000;}.elementor-7 .elementor-element.elementor-element-4816cbe .elementor-icon{font-size:35px;}.elementor-7 .elementor-element.elementor-element-4816cbe .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-4816cbe .elementor-icon-box-title a{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;text-transform:uppercase;line-height:62px;}.elementor-7 .elementor-element.elementor-element-4816cbe .elementor-icon-box-description{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:30px;color:#C0BDBD;}.elementor-7 .elementor-element.elementor-element-2a7c864 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:20px;font-weight:400;text-transform:uppercase;line-height:24px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-e9c85c0{padding:10px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-e9c85c0 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:24px;color:#B8B2B2;}.elementor-7 .elementor-element.elementor-element-71fad3b{--display:flex;}.elementor-7 .elementor-element.elementor-element-4f2bda8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3c3314f{padding:0px 0px 30px 0px;}.elementor-7 .elementor-element.elementor-element-3c3314f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-3c3314f.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-3c3314f.elementor-view-stacked .elementor-icon{fill:#000000;color:#000000;}.elementor-7 .elementor-element.elementor-element-3c3314f .elementor-icon{font-size:35px;}.elementor-7 .elementor-element.elementor-element-3c3314f .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-3c3314f .elementor-icon-box-title a{font-family:"Marcellus", Marcellus;font-size:60px;font-weight:400;text-transform:uppercase;line-height:62px;}.elementor-7 .elementor-element.elementor-element-3c3314f .elementor-icon-box-description{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;line-height:30px;color:#C0BDBD;}.elementor-7 .elementor-element.elementor-element-3262e56 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:20px;font-weight:400;text-transform:uppercase;line-height:24px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-761d130{padding:10px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-761d130 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:24px;color:#B8B2B2;}.elementor-7 .elementor-element.elementor-element-eeea6b4{--e-n-carousel-swiper-slides-gap:30px;padding:20px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-eeea6b4 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}.elementor-7 .elementor-element.elementor-element-a5a0023{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-ccf4cde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-4a24aa5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-6eadf85 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-6eadf85 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor4 );transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-6eadf85{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-6eadf85 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-6eadf85 .elementor-icon-list-item > a{font-family:"Outfit", Marcellus;font-size:16px;font-weight:400;text-transform:uppercase;line-height:27px;}.elementor-7 .elementor-element.elementor-element-6eadf85 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-d221cc5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0d9662a .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-4d2d1f0 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:45px;font-weight:400;line-height:55px;color:#868686;}.elementor-7 .elementor-element.elementor-element-f3f005f{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-4c98649{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-05a653a{--display:flex;}.elementor-7 .elementor-element.elementor-element-395ebe0{--display:flex;--min-height:600px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-395ebe0:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-395ebe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/imgi_3_tm_02.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-395ebe0::before, .elementor-7 .elementor-element.elementor-element-395ebe0 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-395ebe0 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-395ebe0 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-395ebe0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-395ebe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 56%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-6bd93a9{text-align:center;}.elementor-7 .elementor-element.elementor-element-6bd93a9 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:22px;font-weight:600;text-transform:uppercase;line-height:31px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-6bd93a9 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-6bd93a9 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-3771f68{text-align:center;}.elementor-7 .elementor-element.elementor-element-3771f68 .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:14px;font-weight:600;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-3771f68 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-3771f68 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-9cdefda{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-9cdefda .elementor-social-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-9cdefda .elementor-social-icon i{color:#000000;}.elementor-7 .elementor-element.elementor-element-9cdefda .elementor-social-icon svg{fill:#000000;}.elementor-7 .elementor-element.elementor-element-9cdefda .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-2ac6c23{--display:flex;}.elementor-7 .elementor-element.elementor-element-8b06d45{--display:flex;--min-height:600px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-8b06d45:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8b06d45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/imgi_3_tm_02.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-8b06d45::before, .elementor-7 .elementor-element.elementor-element-8b06d45 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-8b06d45 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-8b06d45 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-8b06d45 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-8b06d45 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 56%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-4084214{text-align:center;}.elementor-7 .elementor-element.elementor-element-4084214 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:22px;font-weight:600;text-transform:uppercase;line-height:31px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-4084214 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-4084214 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-899b88f{text-align:center;}.elementor-7 .elementor-element.elementor-element-899b88f .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:14px;font-weight:600;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-899b88f .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-899b88f .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-eb522f8{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-eb522f8 .elementor-social-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-eb522f8 .elementor-social-icon i{color:#000000;}.elementor-7 .elementor-element.elementor-element-eb522f8 .elementor-social-icon svg{fill:#000000;}.elementor-7 .elementor-element.elementor-element-eb522f8 .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-c7c0ada{--display:flex;}.elementor-7 .elementor-element.elementor-element-a487e38{--display:flex;--min-height:600px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-a487e38:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-a487e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/imgi_3_tm_02.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-a487e38::before, .elementor-7 .elementor-element.elementor-element-a487e38 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-a487e38 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-a487e38 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-a487e38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-a487e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 56%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-ff9c2e6{text-align:center;}.elementor-7 .elementor-element.elementor-element-ff9c2e6 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:22px;font-weight:600;text-transform:uppercase;line-height:31px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-ff9c2e6 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-ff9c2e6 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-9487c11{text-align:center;}.elementor-7 .elementor-element.elementor-element-9487c11 .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:14px;font-weight:600;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-9487c11 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-9487c11 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-ed05453{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-ed05453 .elementor-social-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-ed05453 .elementor-social-icon i{color:#000000;}.elementor-7 .elementor-element.elementor-element-ed05453 .elementor-social-icon svg{fill:#000000;}.elementor-7 .elementor-element.elementor-element-ed05453 .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-64ba58e{--display:flex;}.elementor-7 .elementor-element.elementor-element-911267d{--display:flex;--min-height:600px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-911267d:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-911267d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/imgi_3_tm_02.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-911267d::before, .elementor-7 .elementor-element.elementor-element-911267d > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-911267d > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-911267d > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-911267d > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-911267d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 56%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-95eec93{text-align:center;}.elementor-7 .elementor-element.elementor-element-95eec93 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:22px;font-weight:600;text-transform:uppercase;line-height:31px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-95eec93 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-95eec93 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-ea188ad{text-align:center;}.elementor-7 .elementor-element.elementor-element-ea188ad .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:14px;font-weight:600;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-ea188ad .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-ea188ad .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-5ee9325{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-5ee9325 .elementor-social-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-5ee9325 .elementor-social-icon i{color:#000000;}.elementor-7 .elementor-element.elementor-element-5ee9325 .elementor-social-icon svg{fill:#000000;}.elementor-7 .elementor-element.elementor-element-5ee9325 .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-cc730d6{--display:flex;}.elementor-7 .elementor-element.elementor-element-13b39d6{--display:flex;--min-height:600px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-13b39d6:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-13b39d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/imgi_3_tm_02.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-13b39d6::before, .elementor-7 .elementor-element.elementor-element-13b39d6 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-13b39d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-13b39d6 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-13b39d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-13b39d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 56%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-f54cb58{text-align:center;}.elementor-7 .elementor-element.elementor-element-f54cb58 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:22px;font-weight:600;text-transform:uppercase;line-height:31px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-f54cb58 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-f54cb58 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-13e4e0f{text-align:center;}.elementor-7 .elementor-element.elementor-element-13e4e0f .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:14px;font-weight:600;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-13e4e0f .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-13e4e0f .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-6279054{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-6279054 .elementor-social-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-6279054 .elementor-social-icon i{color:#000000;}.elementor-7 .elementor-element.elementor-element-6279054 .elementor-social-icon svg{fill:#000000;}.elementor-7 .elementor-element.elementor-element-6279054 .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-cfcd698{--display:flex;}.elementor-7 .elementor-element.elementor-element-493e23f{--display:flex;--min-height:600px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-493e23f:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-493e23f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/imgi_3_tm_02.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-493e23f::before, .elementor-7 .elementor-element.elementor-element-493e23f > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-493e23f > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-493e23f > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-493e23f > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-493e23f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 56%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-39e556a{text-align:center;}.elementor-7 .elementor-element.elementor-element-39e556a .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:22px;font-weight:600;text-transform:uppercase;line-height:31px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-39e556a .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-39e556a .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-e969891{text-align:center;}.elementor-7 .elementor-element.elementor-element-e969891 .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:14px;font-weight:600;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-e969891 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-e969891 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-71540a2{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-71540a2 .elementor-social-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-71540a2 .elementor-social-icon i{color:#000000;}.elementor-7 .elementor-element.elementor-element-71540a2 .elementor-social-icon svg{fill:#000000;}.elementor-7 .elementor-element.elementor-element-71540a2 .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-f5df55c{--display:flex;}.elementor-7 .elementor-element.elementor-element-6e7f393{--display:flex;--min-height:600px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-6e7f393:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6e7f393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flowex.agency/wp-content/uploads/2026/09/imgi_3_tm_02.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-6e7f393::before, .elementor-7 .elementor-element.elementor-element-6e7f393 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6e7f393 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6e7f393 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6e7f393 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6e7f393 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 56%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-9354988{text-align:center;}.elementor-7 .elementor-element.elementor-element-9354988 .elementor-heading-title{font-family:"Marcellus", Marcellus;font-size:22px;font-weight:600;text-transform:uppercase;line-height:31px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-9354988 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-9354988 .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-c1a366b{text-align:center;}.elementor-7 .elementor-element.elementor-element-c1a366b .elementor-heading-title{font-family:"Outfit", Marcellus;font-size:14px;font-weight:600;text-transform:uppercase;line-height:27px;color:var( --e-global-color-astglobalcolor4 );}.elementor-7 .elementor-element.elementor-element-c1a366b .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-c1a366b .elementor-heading-title a:focus{color:#000000;}.elementor-7 .elementor-element.elementor-element-72b455f{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-7 .elementor-element.elementor-element-72b455f .elementor-social-icon{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-72b455f .elementor-social-icon i{color:#000000;}.elementor-7 .elementor-element.elementor-element-72b455f .elementor-social-icon svg{fill:#000000;}.elementor-7 .elementor-element.elementor-element-72b455f .elementor-icon{border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-934adc7{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-7 .elementor-element.elementor-element-bb81e43{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Marcellus;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Marcellus;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Marcellus;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-7 .elementor-element.elementor-element-cdfeb69 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-7 .elementor-element.elementor-element-cdfeb69 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-7 .elementor-element.elementor-element-cdfeb69{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-7 .elementor-element.elementor-element-1a3eb90 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-7 .elementor-element.elementor-element-1a3eb90 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-7 .elementor-element.elementor-element-1a3eb90{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-908006f{--content-width:1290px;}.elementor-7 .elementor-element.elementor-element-11a59b8{--width:100%;}.elementor-7 .elementor-element.elementor-element-3fb2a62{--width:100%;}.elementor-7 .elementor-element.elementor-element-46baee5{--width:100%;}.elementor-7 .elementor-element.elementor-element-4d7e25c{--width:100%;}.elementor-7 .elementor-element.elementor-element-950b3ce{--width:100%;}.elementor-7 .elementor-element.elementor-element-3b8410f{--width:50%;}.elementor-7 .elementor-element.elementor-element-3db643e{--width:50%;}.elementor-7 .elementor-element.elementor-element-a09c2b5{--width:50%;}.elementor-7 .elementor-element.elementor-element-7321fa1{--width:50%;}.elementor-7 .elementor-element.elementor-element-f54828d{--width:100%;}.elementor-7 .elementor-element.elementor-element-ee516f7{--width:100%;}.elementor-7 .elementor-element.elementor-element-0198b1c{--width:100%;}.elementor-7 .elementor-element.elementor-element-395ebe0{--width:100%;}.elementor-7 .elementor-element.elementor-element-8b06d45{--width:100%;}.elementor-7 .elementor-element.elementor-element-a487e38{--width:100%;}.elementor-7 .elementor-element.elementor-element-911267d{--width:100%;}.elementor-7 .elementor-element.elementor-element-13b39d6{--width:100%;}.elementor-7 .elementor-element.elementor-element-493e23f{--width:100%;}.elementor-7 .elementor-element.elementor-element-6e7f393{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7 .elementor-element.elementor-element-395ebe0{--width:100%;}.elementor-7 .elementor-element.elementor-element-8b06d45{--width:100%;}.elementor-7 .elementor-element.elementor-element-a487e38{--width:100%;}.elementor-7 .elementor-element.elementor-element-911267d{--width:100%;}.elementor-7 .elementor-element.elementor-element-13b39d6{--width:100%;}.elementor-7 .elementor-element.elementor-element-493e23f{--width:100%;}.elementor-7 .elementor-element.elementor-element-6e7f393{--width:100%;}}@media(min-width:1025px){.elementor-7 .elementor-element.elementor-element-395ebe0:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-395ebe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-7 .elementor-element.elementor-element-8b06d45:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8b06d45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-7 .elementor-element.elementor-element-a487e38:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-a487e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-7 .elementor-element.elementor-element-911267d:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-911267d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-7 .elementor-element.elementor-element-13b39d6:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-13b39d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-7 .elementor-element.elementor-element-493e23f:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-493e23f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-7 .elementor-element.elementor-element-6e7f393:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6e7f393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-b9b4369{--min-height:65vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-7 .elementor-element.elementor-element-4ba3e9a{text-align:center;}.elementor-7 .elementor-element.elementor-element-4ba3e9a .elementor-heading-title{font-size:80px;line-height:0.7em;}.elementor-7 .elementor-element.elementor-element-1bf6dfc{text-align:center;}.elementor-7 .elementor-element.elementor-element-1bf6dfc .elementor-heading-title{font-size:80px;}.elementor-7 .elementor-element.elementor-element-f2a77a1{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7 .elementor-element.elementor-element-873b123 img{max-width:67%;}.elementor-7 .elementor-element.elementor-element-0f51857{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7 .elementor-element.elementor-element-a10b909{--container-widget-width:50px;--container-widget-flex-grow:0;width:var( --container-widget-width, 50px );max-width:50px;}.elementor-7 .elementor-element.elementor-element-a10b909 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-a10b909 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-7af907d{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-7 .elementor-element.elementor-element-76af396 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-76af396 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-1a9895b{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-7 .elementor-element.elementor-element-1a9895b .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-1a9895b .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-60af243{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-7 .elementor-element.elementor-element-60af243 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-60af243 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-e85ea67{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7 .elementor-element.elementor-element-202e6fc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3b8410f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-99fcfba{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-f26963f{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-f26963f .elementor-heading-title{font-size:45px;line-height:1.3em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-7 .elementor-element.elementor-element-e915384{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-wrapper{gap:11px;}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-title{margin-block-end:6px;}.elementor-7 .elementor-element.elementor-element-79a466d{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-wrapper{gap:11px;}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-title{margin-block-end:6px;}.elementor-7 .elementor-element.elementor-element-615f96d{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-5cd14a2{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-3db643e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7ce3356{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-7 .elementor-element.elementor-element-4f7bb03{--container-widget-width:50px;--container-widget-flex-grow:0;width:var( --container-widget-width, 50px );max-width:50px;}.elementor-7 .elementor-element.elementor-element-4f7bb03 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-4f7bb03 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-54a3662{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-7 .elementor-element.elementor-element-73176f6 .elementor-icon{font-size:20px;}.elementor-7 .elementor-element.elementor-element-73176f6 .elementor-icon svg{height:20px;}.elementor-7 .elementor-element.elementor-element-b8df554{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7 .elementor-element.elementor-element-0198b1c{--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-e999770 img{width:71%;}.elementor-7 .elementor-element.elementor-element-56c5964{--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2453e87 .elementor-icon{font-size:91px;}.elementor-7 .elementor-element.elementor-element-2453e87 .elementor-icon svg{height:91px;}.elementor-7 .elementor-element.elementor-element-a669aa9{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-eeea6b4{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7 .elementor-element.elementor-element-a5a0023{--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-f3f005f{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-934adc7{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7 .elementor-element.elementor-element-bb81e43{--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-b9b4369{--min-height:72vh;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-908006f{--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-fe07583{left:-92px;}body.rtl .elementor-7 .elementor-element.elementor-element-fe07583{right:-92px;}.elementor-7 .elementor-element.elementor-element-fe07583{top:1px;}.elementor-7 .elementor-element.elementor-element-fe07583 img{height:131px;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-d4f2b8c{right:-177px;}body.rtl .elementor-7 .elementor-element.elementor-element-d4f2b8c{left:-177px;}.elementor-7 .elementor-element.elementor-element-d4f2b8c{top:-11px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-7 .elementor-element.elementor-element-4ba3e9a .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-7 .elementor-element.elementor-element-1bf6dfc .elementor-heading-title{font-size:40px;line-height:1.2em;}.elementor-7 .elementor-element.elementor-element-f2a77a1{--e-con-grid-template-columns:repeat(2, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1b8407c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-title a{font-size:40px;}.elementor-7 .elementor-element.elementor-element-bc196fd .elementor-icon-box-description{font-size:13px;}.elementor-7 .elementor-element.elementor-element-721662b{--e-image-carousel-slides-to-show:2;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7 .elementor-element.elementor-element-a114e40{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-a658624 .elementor-heading-title{font-size:24px;line-height:1em;}.elementor-7 .elementor-element.elementor-element-f7dcadf .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7 .elementor-element.elementor-element-e85ea67{--e-n-carousel-swiper-slides-to-display:1;}.elementor-7 .elementor-element.elementor-element-202e6fc{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-f26963f .elementor-heading-title{font-size:24px;line-height:1em;}.elementor-7 .elementor-element.elementor-element-d4a7a80 .elementor-heading-title{font-size:24px;line-height:1em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-e915384 .elementor-icon-box-title a{font-size:40px;}.elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-79a466d .elementor-icon-box-title a{font-size:40px;}.elementor-7 .elementor-element.elementor-element-5cd14a2{width:100%;max-width:100%;text-align:center;}.elementor-7 .elementor-element.elementor-element-5cd14a2.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-7ce3356{--padding-top:60px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-a09c2b5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-d300aac .elementor-heading-title{font-size:24px;line-height:1em;}.elementor-7 .elementor-element.elementor-element-662a044 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-247034e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-99f3eee .elementor-heading-title{font-size:24px;line-height:1em;}.elementor-7 .elementor-element.elementor-element-b8df554{--e-n-carousel-swiper-slides-to-display:1;}.elementor-7 .elementor-element.elementor-element-0198b1c{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-e999770 img{width:90%;}.elementor-7 .elementor-element.elementor-element-56c5964{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2453e87 .elementor-icon{font-size:63px;}.elementor-7 .elementor-element.elementor-element-2453e87 .elementor-icon svg{height:63px;}.elementor-7 .elementor-element.elementor-element-018afec{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-23c3e50 .elementor-heading-title{font-size:24px;line-height:1em;}.elementor-7 .elementor-element.elementor-element-8d95385{padding:10px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-8d95385 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-bfb4319{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-b35fc1f .elementor-icon{font-size:30px;}.elementor-7 .elementor-element.elementor-element-eeea6b4{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-size:7px;}.elementor-7 .elementor-element.elementor-element-a5a0023{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-d221cc5{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0d9662a .elementor-heading-title{font-size:24px;line-height:1.3em;}.elementor-7 .elementor-element.elementor-element-4d2d1f0{padding:10px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-4d2d1f0 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-f3f005f{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-934adc7{--e-n-carousel-swiper-slides-to-display:1;}.elementor-7 .elementor-element.elementor-element-bb81e43{--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for button, class: .elementor-element-4d29811 *//* ডেস্কটপ ডিজাইন (Desktop Default) */
.elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button {
    width: 160px;
    height: 160px;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    transition: all 0.3s ease;
}

.elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button-text {
    color: #000000 !important; 
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    white-space: normal; 
    max-width: 120px;
    transition: color 0.3s ease; 
}

/* হোভার ইফেক্ট */
.elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button:hover {
    background-color: #12F410 !important; 
    box-shadow: 0 0 25px rgba(18, 244, 16, 0.6); 
    transform: scale(1.05);
}

.elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important; 
}

/* ট্যাবলেট রেস্পন্সিভ (Tablet) */
@media (max-width: 1024px) {
    .elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button {
        width: 140px; /* ট্যাবলেটের জন্য বাটনের সাইজ */
        height: 140px;
    }
    .elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button-text {
        font-size: 16px; /* ট্যাবলেটের জন্য ফন্ট সাইজ */
        max-width: 100px;
    }
}

/* মোবাইল রেস্পন্সিভ (Mobile) */
@media (max-width: 767px) {
    .elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button {
        width: 120px; /* মোবাইলের জন্য বাটনের সাইজ */
        height: 120px;
    }
    .elementor-7 .elementor-element.elementor-element-4d29811 .elementor-button-text {
        font-size: 14px; /* মোবাইলের জন্য ফন্ট সাইজ */
        max-width: 90px;
    }
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9cdefda *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-9cdefda,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-9cdefda {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395ebe0 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-395ebe0 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-395ebe0::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-395ebe0 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-395ebe0:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb522f8 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-eb522f8,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-eb522f8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b06d45 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-8b06d45 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-8b06d45::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-8b06d45 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-8b06d45:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ed05453 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-ed05453,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-ed05453 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a487e38 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-a487e38 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-a487e38:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-a487e38::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-a487e38 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-a487e38:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5ee9325 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-5ee9325,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-5ee9325 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911267d *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-911267d {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-911267d:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-911267d::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-911267d .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-911267d:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-6279054 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-6279054,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-6279054 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13b39d6 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-13b39d6 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-13b39d6::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-13b39d6 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-13b39d6:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-71540a2 *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-71540a2,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-71540a2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-493e23f *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-493e23f {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-493e23f:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-493e23f::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-493e23f .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-493e23f:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-72b455f *//* নরমাল অবস্থা: আইকন দৃশ্যমান হবে না এবং কিছুটা নিচে নেমে থাকবে */
.elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
}

/* মাউস নিলে (Hover করলে): আইকন ভেসে উঠবে এবং উপরে উঠবে */
.e-con:hover .elementor-7 .elementor-element.elementor-element-72b455f,
.elementor-column:hover .elementor-7 .elementor-element.elementor-element-72b455f {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e7f393 *//* 1. Main Container Setup & Grayscale Effect */
.elementor-7 .elementor-element.elementor-element-6e7f393 {
  position: relative !important;
  overflow: hidden !important;
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}

/* 2. Normal State: Black Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3. Hover State: Color Image Restore */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover {
  filter: grayscale(0%);
}

/* 4. Hover State: Green Gradient Overlay */
.elementor-7 .elementor-element.elementor-element-6e7f393::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to top, #12F410 0%, rgba(18, 244, 16, 0.8) 30%, rgba(18, 244, 16, 0.2) 50%, transparent 60%) !important;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover::before {
  transform: translateY(0) !important;
}

/* 5. Widgets Layer Priority */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* 6. Text (Heading & Text Editor) Animation */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-text-editor {
  transform: translateY(35px);
  transition: transform 0.4s ease-in-out, color 0.4s ease;
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-heading,
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-text-editor {
  transform: translateY(0);
}

.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-heading-title, 
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-text-editor {
  color: #000000 !important;
}

/* 7. Social Icons Animation (Fully Hidden Normal State) */
.elementor-7 .elementor-element.elementor-element-6e7f393 .elementor-widget-social-icons {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(40px) !important;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s !important;
}

/* Social Icons (Hover State - Visible & Slide Up) */
.elementor-7 .elementor-element.elementor-element-6e7f393:hover .elementor-widget-social-icons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0.1s !important;
}/* End custom CSS */