.elementor-28 .elementor-element.elementor-element-ca5580b{--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;--padding-top:120px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-ca5580b:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-ca5580b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-dca89c9{text-align:center;}.elementor-28 .elementor-element.elementor-element-dca89c9 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:60px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-28 .elementor-element.elementor-element-045e862{padding:10px 0px 10px 0px;}.elementor-28 .elementor-element.elementor-element-045e862 img{width:420px;height:2.9px;}.elementor-28 .elementor-element.elementor-element-2bac05c{text-align:center;}.elementor-28 .elementor-element.elementor-element-2bac05c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-f0e52d3{--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:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-f0e52d3:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-f0e52d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-7e6d54a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-b95ae0d{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-b95ae0d:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-b95ae0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_24_45-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-d4a6096{text-align:start;}.elementor-28 .elementor-element.elementor-element-d4a6096 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;line-height:28px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-18df1d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-1fb2fcf{text-align:center;}.elementor-28 .elementor-element.elementor-element-1fb2fcf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-f781b0d{text-align:center;}.elementor-28 .elementor-element.elementor-element-f781b0d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28 .elementor-element.elementor-element-e81301d .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-e81301d .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-e81301d .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-e81301d .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-e81301d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-9bfa271{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-9bfa271:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-9bfa271 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_23_01-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-8390b30{text-align:start;}.elementor-28 .elementor-element.elementor-element-8390b30 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;line-height:28px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-199a776{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-a07ade5{text-align:center;}.elementor-28 .elementor-element.elementor-element-a07ade5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-405f077{text-align:center;}.elementor-28 .elementor-element.elementor-element-405f077 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-cdd736c .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-cdd736c .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-cdd736c .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-cdd736c .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-cdd736c .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-2a2e816{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-2a2e816:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-2a2e816 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_23_16-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-680e2a2{text-align:start;}.elementor-28 .elementor-element.elementor-element-680e2a2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;line-height:28px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-ce9bf4d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-6a0083f{text-align:center;}.elementor-28 .elementor-element.elementor-element-6a0083f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-b0d69a0{text-align:center;}.elementor-28 .elementor-element.elementor-element-b0d69a0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-df1cd7c .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-df1cd7c .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-df1cd7c .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-df1cd7c .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-df1cd7c .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-6668dc6{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-6668dc6:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-6668dc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_26_07-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-cf060c5{text-align:start;}.elementor-28 .elementor-element.elementor-element-cf060c5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-fff327d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-8350a7d{text-align:center;}.elementor-28 .elementor-element.elementor-element-8350a7d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-7f996e9{text-align:center;}.elementor-28 .elementor-element.elementor-element-7f996e9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-dd705e6 .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-dd705e6 .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-dd705e6 .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-dd705e6 .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-dd705e6 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-52229cc{--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-28 .elementor-element.elementor-element-4b0413a{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-4b0413a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-4b0413a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/04/imagen-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-b862310{text-align:center;}.elementor-28 .elementor-element.elementor-element-b862310 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-995a4fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-68ff12e{text-align:center;}.elementor-28 .elementor-element.elementor-element-68ff12e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-1feb1a9{text-align:center;}.elementor-28 .elementor-element.elementor-element-1feb1a9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-36cb4d0 .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;fill:#45DF44;color:#45DF44;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-36cb4d0 .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-36cb4d0 .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-36cb4d0 .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-36cb4d0 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-9dc9b0a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-92ea07e{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-92ea07e:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-92ea07e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/04/imagen-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-47d69e3{text-align:center;}.elementor-28 .elementor-element.elementor-element-47d69e3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-5270e7c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-5eb647a{text-align:center;}.elementor-28 .elementor-element.elementor-element-5eb647a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-6faedab{text-align:center;}.elementor-28 .elementor-element.elementor-element-6faedab .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-3777512 .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;fill:#45DF44;color:#45DF44;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-3777512 .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-3777512 .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-3777512 .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-3777512 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-d1501b0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-870a747{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-870a747:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-870a747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/04/imagen-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-7b455d2{text-align:center;}.elementor-28 .elementor-element.elementor-element-7b455d2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-a31d064{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-a26b669{text-align:center;}.elementor-28 .elementor-element.elementor-element-a26b669 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-7e4e6b0{text-align:center;}.elementor-28 .elementor-element.elementor-element-7e4e6b0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-41e0554 .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;fill:#45DF44;color:#45DF44;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-41e0554 .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-41e0554 .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-41e0554 .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-41e0554 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-1d68042{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-e6721bd{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-e6721bd:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-e6721bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/04/imagen-4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-088a29d{text-align:center;}.elementor-28 .elementor-element.elementor-element-088a29d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-053cfa5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-6a1ba55{text-align:center;}.elementor-28 .elementor-element.elementor-element-6a1ba55 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-605efc0{text-align:center;}.elementor-28 .elementor-element.elementor-element-605efc0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-85e70cd .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;fill:#45DF44;color:#45DF44;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-28 .elementor-element.elementor-element-85e70cd .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-85e70cd .elementor-button:focus{background-color:#D1D1D1FC;color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-85e70cd .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-85e70cd .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-1cc517a{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-d85ff7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-d85ff7a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-d85ff7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-2200615{padding:0px 0px 80px 0px;text-align:center;}.elementor-28 .elementor-element.elementor-element-2200615 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-69f4ec7{--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-28 .elementor-element.elementor-element-d290c12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF4F;--border-color:#FFFFFF4F;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-28 .elementor-element.elementor-element-d290c12:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-d290c12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF1C 100%);}.elementor-28 .elementor-element.elementor-element-36b3573 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-f77a680{--e-rating-gap:2px;}.elementor-28 .elementor-element.elementor-element-8381a38{--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:15px 15px;--row-gap:15px;--column-gap:15px;--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-28 .elementor-element.elementor-element-c4264a4 img{width:70px;border-radius:100px 100px 100px 100px;}.elementor-28 .elementor-element.elementor-element-a070b01{--display:flex;--justify-content:center;--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-28 .elementor-element.elementor-element-2e5c322 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-849ec02{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 10px;--row-gap:12px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-60ed01e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#A0A0A0;}.elementor-28 .elementor-element.elementor-element-42002ef{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-42002ef.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-42002ef img{width:16px;}.elementor-28 .elementor-element.elementor-element-ae02744{--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-28 .elementor-element.elementor-element-917fae6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF4F;--border-color:#FFFFFF4F;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-28 .elementor-element.elementor-element-917fae6:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-917fae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF1C 100%);}.elementor-28 .elementor-element.elementor-element-f407f62 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-6db42a1{--e-rating-gap:2px;}.elementor-28 .elementor-element.elementor-element-4d106e8{--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:15px 15px;--row-gap:15px;--column-gap:15px;--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-28 .elementor-element.elementor-element-f6b1a40 img{width:70px;border-radius:100px 100px 100px 100px;}.elementor-28 .elementor-element.elementor-element-026eeeb{--display:flex;--justify-content:center;--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-28 .elementor-element.elementor-element-c906c88 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-306649d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 10px;--row-gap:12px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-576dbdd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#A0A0A0;}.elementor-28 .elementor-element.elementor-element-078687c{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-078687c.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-078687c img{width:16px;}.elementor-28 .elementor-element.elementor-element-19efb4d{--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-28 .elementor-element.elementor-element-920bf1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF4F;--border-color:#FFFFFF4F;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-28 .elementor-element.elementor-element-920bf1e:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-920bf1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF1C 100%);}.elementor-28 .elementor-element.elementor-element-57bfd7c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-ed85cd5{--e-rating-gap:2px;}.elementor-28 .elementor-element.elementor-element-29c7622{--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:15px 15px;--row-gap:15px;--column-gap:15px;--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-28 .elementor-element.elementor-element-71460a7 img{width:70px;border-radius:100px 100px 100px 100px;}.elementor-28 .elementor-element.elementor-element-01839cd{--display:flex;--justify-content:center;--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-28 .elementor-element.elementor-element-df2c9b6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-05375fa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 10px;--row-gap:12px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-cc36453 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#A0A0A0;}.elementor-28 .elementor-element.elementor-element-d56c671{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-d56c671.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-d56c671 img{width:16px;}.elementor-28 .elementor-element.elementor-element-8a631da{--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-28 .elementor-element.elementor-element-63de174{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF4F;--border-color:#FFFFFF4F;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-28 .elementor-element.elementor-element-63de174:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-63de174 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF1C 100%);}.elementor-28 .elementor-element.elementor-element-dab9dbf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-ce20b9c{--e-rating-gap:2px;}.elementor-28 .elementor-element.elementor-element-23346c5{--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:15px 15px;--row-gap:15px;--column-gap:15px;--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-28 .elementor-element.elementor-element-b608c0c img{width:70px;border-radius:100px 100px 100px 100px;}.elementor-28 .elementor-element.elementor-element-2d8788d{--display:flex;--justify-content:center;--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-28 .elementor-element.elementor-element-2ab53b6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-24b0b25{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 10px;--row-gap:12px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-9cf846b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#A0A0A0;}.elementor-28 .elementor-element.elementor-element-2b2ec29{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-2b2ec29.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-2b2ec29 img{width:16px;}.elementor-28 .elementor-element.elementor-element-a5c26ee{--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-28 .elementor-element.elementor-element-aa6865a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF4F;--border-color:#FFFFFF4F;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-28 .elementor-element.elementor-element-aa6865a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-aa6865a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF1C 100%);}.elementor-28 .elementor-element.elementor-element-d6ad232 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-48aee44{--e-rating-gap:2px;}.elementor-28 .elementor-element.elementor-element-7677140{--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:15px 15px;--row-gap:15px;--column-gap:15px;--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-28 .elementor-element.elementor-element-d4f8db4 img{width:70px;border-radius:100px 100px 100px 100px;}.elementor-28 .elementor-element.elementor-element-b3d6f68{--display:flex;--justify-content:center;--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-28 .elementor-element.elementor-element-ee310a2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-99364cb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 10px;--row-gap:12px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-53c6372 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#A0A0A0;}.elementor-28 .elementor-element.elementor-element-dfb42a5{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-dfb42a5.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-dfb42a5 img{width:16px;}.elementor-28 .elementor-element.elementor-element-da8ea24{--e-n-carousel-swiper-slides-gap:30px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-28 .elementor-element.elementor-element-9b597c9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-9b597c9:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-9b597c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-fcdca57{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-46ae9c1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-143ad3e .elementor-button{background-color:var( --e-global-color-eb06f1f );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;padding:13px 25px 13px 25px;}.elementor-28 .elementor-element.elementor-element-143ad3e .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-143ad3e .elementor-button:focus{background-color:#2E2E2E;color:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-143ad3e .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-143ad3e .elementor-button:focus svg{fill:var( --e-global-color-eb06f1f );}.elementor-28 .elementor-element.elementor-element-eef2059{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-7e6d54a{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-28 .elementor-element.elementor-element-1cc517a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-28 .elementor-element.elementor-element-2200615 .elementor-heading-title{line-height:62px;}.elementor-28 .elementor-element.elementor-element-da8ea24{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-ca5580b{--padding-top:50px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-dca89c9 .elementor-heading-title{font-size:40px;}.elementor-28 .elementor-element.elementor-element-2bac05c .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-28 .elementor-element.elementor-element-7e6d54a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28 .elementor-element.elementor-element-b95ae0d{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-9bfa271{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-2a2e816{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-6668dc6{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-4b0413a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-4b0413a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_24_45-PM.png");}.elementor-28 .elementor-element.elementor-element-4b0413a{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-92ea07e:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-92ea07e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_23_01-PM.png");}.elementor-28 .elementor-element.elementor-element-92ea07e{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-870a747:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-870a747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_23_16-PM.png");}.elementor-28 .elementor-element.elementor-element-870a747{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-e6721bd:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-e6721bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliusfinancial.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-01_26_07-PM.png");}.elementor-28 .elementor-element.elementor-element-e6721bd{--min-height:440px;}.elementor-28 .elementor-element.elementor-element-1cc517a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-spacing:20px;}.elementor-28 .elementor-element.elementor-element-2200615{padding:0px 0px 20px 0px;}.elementor-28 .elementor-element.elementor-element-2200615 .elementor-heading-title{font-size:30px;line-height:34px;}.elementor-28 .elementor-element.elementor-element-d290c12{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-8381a38{--flex-wrap:nowrap;}.elementor-28 .elementor-element.elementor-element-c4264a4 img{width:60px;}.elementor-28 .elementor-element.elementor-element-917fae6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-4d106e8{--flex-wrap:nowrap;}.elementor-28 .elementor-element.elementor-element-f6b1a40 img{width:60px;}.elementor-28 .elementor-element.elementor-element-920bf1e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-29c7622{--flex-wrap:nowrap;}.elementor-28 .elementor-element.elementor-element-71460a7 img{width:60px;}.elementor-28 .elementor-element.elementor-element-63de174{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-23346c5{--flex-wrap:nowrap;}.elementor-28 .elementor-element.elementor-element-b608c0c img{width:60px;}.elementor-28 .elementor-element.elementor-element-aa6865a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-7677140{--flex-wrap:nowrap;}.elementor-28 .elementor-element.elementor-element-d4f8db4 img{width:60px;}.elementor-28 .elementor-element.elementor-element-da8ea24{--e-n-carousel-swiper-slides-to-display:1;}.elementor-28 .elementor-element.elementor-element-9b597c9{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-46ae9c1{text-align:center;}.elementor-28 .elementor-element.elementor-element-46ae9c1 .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-f0e52d3{--content-width:1400px;}.elementor-28 .elementor-element.elementor-element-d85ff7a{--content-width:1200px;}.elementor-28 .elementor-element.elementor-element-9b597c9{--content-width:1665px;}}/* Start custom CSS for container, class: .elementor-element-b95ae0d *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bfa271 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a2e816 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6668dc6 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0413a *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92ea07e *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-870a747 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6721bd *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0413a *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92ea07e *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-870a747 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6721bd *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0413a *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92ea07e *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-870a747 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6721bd *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0413a *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92ea07e *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-870a747 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6721bd *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0413a *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92ea07e *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-870a747 *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6721bd *//* ১. কন্টেইনারকে পজিশন দেওয়া */
.container {
    position: relative;
    overflow: hidden; /* যাতে ওভারলে কন্টেইনারের বাইরে না যায় */
    transition: all 0.4s ease;
}

/* ২. ব্ল্যাক ওভারলে তৈরি (invisible অবস্থায়) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* কালো রঙের শেড */
    opacity: 0; /* শুরুতে দেখা যাবে না */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1; /* কন্টেন্টের উপরে থাকার জন্য */
}

/* ৩. হোভার করলে ওভারলে দেখা যাবে */
.container:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ৪. হোভার অবস্থায় কন্টেইনারের ভেতরের কন্টেন্ট ঠিক রাখা (ঐচ্ছিক) */
.container > * {
    position: relative;
    z-index: 2;
}


/* কন্টেইনার সেটআপ */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে তৈরি (আগের মতোই) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; /* স্মুথ ট্রানজিশন */
    z-index: 1;
}

/*-------------------*/
/* কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ব্ল্যাক ওভারলে (আস্তে আস্তে আসবে) */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে আসে */
    transition: opacity 0.8s ease-in-out; 
    z-index: 2;
}

/* টাইটেল (আস্তে আস্তে ভ্যানিশ হবে) */
.container-title {
    opacity: 1;
    /* ট্রানজিশন যোগ করা হয়েছে যাতে আস্তে আস্তে মিলিয়ে যায় */
    transition: opacity 0.8s ease-in-out;
}

/* হোভার করলে যা হবে */

/* ওভারলে ০.৮ সেকেন্ড ধরে আসবে */
.container:hover::before {
    opacity: 1;
}

/* টাইটেল ০.৮ সেকেন্ড ধরে ভ্যানিশ হবে */
.container:hover .container-title {
    opacity: 0;
}


/*----------------*/
/* ১. মেইন কন্টেইনার */
.container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ২. ব্ল্যাক ওভারলে */
.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

/* ৩. টাইটেল (অদৃশ্য হবে) */
.container-title {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ৪. ইনার কন্টেইনার (হালকা জুম ইফেক্ট) */
.inner-container {
    top: 50%;
    left: 50%;
    /* শুরুতে খুব সামান্য ছোট থাকবে (0.93) */
    transform: translate(-50%, -50%) scale(0.93); 
    opacity: 0;
    visibility: hidden;
    /* ০.৪ সেকেন্ড সময় নিয়ে স্মুথ ট্রানজিশন */
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
    z-index: 3;
    width: 100%; /* প্রয়োজন অনুযায়ী অ্যাডজাস্ট করো */
    text-align: center;
}

/* --- হোভার স্টাইল --- */

.container:hover::before {
    opacity: 1;
}

.container:hover .container-title {
    opacity: 0;
}

/* হোভার করলে হালকা বড় হয়ে ১ (অরিজিনাল সাইজ) হবে */
.container:hover .inner-container {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36b3573 */.elementor-28 .elementor-element.elementor-element-36b3573{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d290c12 */.elementor-28 .elementor-element.elementor-element-d290c12{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f407f62 */.elementor-28 .elementor-element.elementor-element-f407f62{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-917fae6 */.elementor-28 .elementor-element.elementor-element-917fae6{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57bfd7c */.elementor-28 .elementor-element.elementor-element-57bfd7c{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-920bf1e */.elementor-28 .elementor-element.elementor-element-920bf1e{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dab9dbf */.elementor-28 .elementor-element.elementor-element-dab9dbf{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63de174 */.elementor-28 .elementor-element.elementor-element-63de174{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6ad232 */.elementor-28 .elementor-element.elementor-element-d6ad232{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa6865a */.elementor-28 .elementor-element.elementor-element-aa6865a{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36b3573 */.elementor-28 .elementor-element.elementor-element-36b3573{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d290c12 */.elementor-28 .elementor-element.elementor-element-d290c12{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f407f62 */.elementor-28 .elementor-element.elementor-element-f407f62{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-917fae6 */.elementor-28 .elementor-element.elementor-element-917fae6{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57bfd7c */.elementor-28 .elementor-element.elementor-element-57bfd7c{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-920bf1e */.elementor-28 .elementor-element.elementor-element-920bf1e{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dab9dbf */.elementor-28 .elementor-element.elementor-element-dab9dbf{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63de174 */.elementor-28 .elementor-element.elementor-element-63de174{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6ad232 */.elementor-28 .elementor-element.elementor-element-d6ad232{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa6865a */.elementor-28 .elementor-element.elementor-element-aa6865a{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36b3573 */.elementor-28 .elementor-element.elementor-element-36b3573{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d290c12 */.elementor-28 .elementor-element.elementor-element-d290c12{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f407f62 */.elementor-28 .elementor-element.elementor-element-f407f62{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-917fae6 */.elementor-28 .elementor-element.elementor-element-917fae6{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57bfd7c */.elementor-28 .elementor-element.elementor-element-57bfd7c{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-920bf1e */.elementor-28 .elementor-element.elementor-element-920bf1e{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dab9dbf */.elementor-28 .elementor-element.elementor-element-dab9dbf{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63de174 */.elementor-28 .elementor-element.elementor-element-63de174{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6ad232 */.elementor-28 .elementor-element.elementor-element-d6ad232{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa6865a */.elementor-28 .elementor-element.elementor-element-aa6865a{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36b3573 */.elementor-28 .elementor-element.elementor-element-36b3573{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d290c12 */.elementor-28 .elementor-element.elementor-element-d290c12{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f407f62 */.elementor-28 .elementor-element.elementor-element-f407f62{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-917fae6 */.elementor-28 .elementor-element.elementor-element-917fae6{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57bfd7c */.elementor-28 .elementor-element.elementor-element-57bfd7c{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-920bf1e */.elementor-28 .elementor-element.elementor-element-920bf1e{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dab9dbf */.elementor-28 .elementor-element.elementor-element-dab9dbf{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63de174 */.elementor-28 .elementor-element.elementor-element-63de174{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6ad232 */.elementor-28 .elementor-element.elementor-element-d6ad232{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa6865a */.elementor-28 .elementor-element.elementor-element-aa6865a{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36b3573 */.elementor-28 .elementor-element.elementor-element-36b3573{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d290c12 */.elementor-28 .elementor-element.elementor-element-d290c12{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f407f62 */.elementor-28 .elementor-element.elementor-element-f407f62{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-917fae6 */.elementor-28 .elementor-element.elementor-element-917fae6{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57bfd7c */.elementor-28 .elementor-element.elementor-element-57bfd7c{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-920bf1e */.elementor-28 .elementor-element.elementor-element-920bf1e{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dab9dbf */.elementor-28 .elementor-element.elementor-element-dab9dbf{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63de174 */.elementor-28 .elementor-element.elementor-element-63de174{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6ad232 */.elementor-28 .elementor-element.elementor-element-d6ad232{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa6865a */.elementor-28 .elementor-element.elementor-element-aa6865a{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36b3573 */.elementor-28 .elementor-element.elementor-element-36b3573{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d290c12 */.elementor-28 .elementor-element.elementor-element-d290c12{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f407f62 */.elementor-28 .elementor-element.elementor-element-f407f62{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-917fae6 */.elementor-28 .elementor-element.elementor-element-917fae6{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57bfd7c */.elementor-28 .elementor-element.elementor-element-57bfd7c{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-920bf1e */.elementor-28 .elementor-element.elementor-element-920bf1e{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dab9dbf */.elementor-28 .elementor-element.elementor-element-dab9dbf{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63de174 */.elementor-28 .elementor-element.elementor-element-63de174{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6ad232 */.elementor-28 .elementor-element.elementor-element-d6ad232{
    flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa6865a */.elementor-28 .elementor-element.elementor-element-aa6865a{
    flex-grow: 1 !important;
}/* End custom CSS */