.elementor-2241 .elementor-element.elementor-element-3921403{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-3921403:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-3921403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/04/pexels-photo-1571471-scaled-1.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-3921403::before, .elementor-2241 .elementor-element.elementor-element-3921403 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-3921403 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-3921403 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-3921403 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-3921403 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0403038F;--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-b950625 > .elementor-widget-container{padding:200px 0px 0px 0px;}.elementor-2241 .elementor-element.elementor-element-b950625{text-align:center;}.elementor-2241 .elementor-element.elementor-element-b950625 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:51px;font-weight:700;color:#FCFEFF;}.elementor-2241 .elementor-element.elementor-element-2adc4f6{text-align:center;font-family:"DM Sans", Sans-serif;font-size:19px;font-weight:400;text-transform:capitalize;color:#FDFDFD;}.elementor-2241 .elementor-element.elementor-element-f450669{--display:flex;--min-height:0px;--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-4734090{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-c8da015{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2241 .elementor-element.elementor-element-58fdf36{--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-2241 .elementor-element.elementor-element-f29602a{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-f29602a:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-f29602a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.42-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-f29602a::before, .elementor-2241 .elementor-element.elementor-element-f29602a > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-f29602a > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-f29602a > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-f29602a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-f29602a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-4e1e54d .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-b9ccd83 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-2f2fac7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-2f2fac7 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-be94196{--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-2241 .elementor-element.elementor-element-2ce59ce{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-2ce59ce:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-2ce59ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Beige-and-Red-Vintage-Traditional-Pohela-Boishakh-Bengali-New-Year-Instagram-Post-8-1.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-2ce59ce::before, .elementor-2241 .elementor-element.elementor-element-2ce59ce > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-2ce59ce > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-2ce59ce > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-2ce59ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-2ce59ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-01aa81a .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-d464ac0 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-3fb34ed .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-3fb34ed .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-c454747{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-6882768{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-6882768:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-6882768 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Untitled-design-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-7859dfc .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-4cb2257 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-56d44cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-56d44cf .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-95f712c{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--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-2241 .elementor-element.elementor-element-f1606e8{--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:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-3dbde9c{--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-2241 .elementor-element.elementor-element-99bd783{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-99bd783:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-99bd783 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.43-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-99bd783::before, .elementor-2241 .elementor-element.elementor-element-99bd783 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-99bd783 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-99bd783 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-99bd783 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-99bd783 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-cad994e .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-697c3aa .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-1fbfd50 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-1fbfd50 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-fe182c7{--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-2241 .elementor-element.elementor-element-ac69c65{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-ac69c65:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-ac69c65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/1-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-ac69c65::before, .elementor-2241 .elementor-element.elementor-element-ac69c65 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-ac69c65 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-ac69c65 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-ac69c65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-ac69c65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-375b193 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-b6a302a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-52ad4a3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-52ad4a3 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-cd21201{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-bb98972{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-bb98972:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-bb98972 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-06-at-3.21.00-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-c778684 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-391e1a6 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-de75431 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-de75431 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-11ec8db{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--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-2241 .elementor-element.elementor-element-5255303{--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:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-a66b0bf{--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-2241 .elementor-element.elementor-element-c613362{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-c613362:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-c613362 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-c613362::before, .elementor-2241 .elementor-element.elementor-element-c613362 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-c613362 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-c613362 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-c613362 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-c613362 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-750eeb2 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-9d4c0a1 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-e48d5f8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-e48d5f8 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-83d0d98{--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-2241 .elementor-element.elementor-element-2c2dc50{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-2c2dc50:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-2c2dc50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-2c2dc50::before, .elementor-2241 .elementor-element.elementor-element-2c2dc50 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-2c2dc50 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-2c2dc50 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-2c2dc50 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-2c2dc50 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-066e2a9 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-83a7aab .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-aeb9f5a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-aeb9f5a .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-8f5a30a{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-250b73e{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-250b73e:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-250b73e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-250b73e::before, .elementor-2241 .elementor-element.elementor-element-250b73e > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-250b73e > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-250b73e > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-250b73e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-250b73e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-94ed4e6 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-3e7d16a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-8cf4a93 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-8cf4a93 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-fc232fc{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2241 .elementor-element.elementor-element-eceaa69{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-e390a2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-8f8b3b5{--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-2241 .elementor-element.elementor-element-43bad53{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-43bad53:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-43bad53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.42-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-43bad53::before, .elementor-2241 .elementor-element.elementor-element-43bad53 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-43bad53 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-43bad53 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-43bad53 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-43bad53 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-2ee7038 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-7597cf5 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-d002a91 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-d002a91 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-2921a34{--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-2241 .elementor-element.elementor-element-4c56373{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-4c56373:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-4c56373 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.42-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-4c56373::before, .elementor-2241 .elementor-element.elementor-element-4c56373 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-4c56373 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-4c56373 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-4c56373 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-4c56373 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-fa078f1 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-51b678d .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-c2c63be .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-c2c63be .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-51334e4{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-6266293{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-6266293:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-6266293 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.42-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-6266293::before, .elementor-2241 .elementor-element.elementor-element-6266293 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-6266293 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-6266293 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-6266293 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-6266293 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-927bc12 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-e8871f9 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-bda05f4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-bda05f4 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-1b089d5{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2241 .elementor-element.elementor-element-a9d2c3e{--display:flex;}.elementor-2241 .elementor-element.elementor-element-7485e17{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-d11efd1{--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-2241 .elementor-element.elementor-element-5423ffe{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-5423ffe:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-5423ffe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.43-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-5423ffe::before, .elementor-2241 .elementor-element.elementor-element-5423ffe > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-5423ffe > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-5423ffe > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-5423ffe > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-5423ffe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-a088bbc .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-06337a8 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-fe6d9f2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-fe6d9f2 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-cb624c5{--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-2241 .elementor-element.elementor-element-4a8d8f0{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-4a8d8f0:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-4a8d8f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/1-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before, .elementor-2241 .elementor-element.elementor-element-4a8d8f0 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-4a8d8f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-4a8d8f0 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-4a8d8f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-4a8d8f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-08b30b1 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-b9b0b03 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-015ab4a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-015ab4a .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-c1e9357{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-6330d77{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-6330d77:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-6330d77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-06-at-3.21.00-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-1c90fcf .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-33579af .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-e379bb5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-e379bb5 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-b022471{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--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-2241 .elementor-element.elementor-element-62c5aa4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-054c173{--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-2241 .elementor-element.elementor-element-d55d1aa{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-d55d1aa:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-d55d1aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-d55d1aa::before, .elementor-2241 .elementor-element.elementor-element-d55d1aa > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-d55d1aa > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-d55d1aa > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-d55d1aa > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-d55d1aa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-9744f8f .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-5693831 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-50bce22 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-50bce22 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-bbd100c{--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-2241 .elementor-element.elementor-element-fb9d4a9{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-fb9d4a9:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-fb9d4a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before, .elementor-2241 .elementor-element.elementor-element-fb9d4a9 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-fb9d4a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-fb9d4a9 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-fb9d4a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-fb9d4a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-198304a .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-1a67b80 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-dfc8b2b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-dfc8b2b .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-fe70abd{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-1f7513a{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-1f7513a:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-1f7513a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-1f7513a::before, .elementor-2241 .elementor-element.elementor-element-1f7513a > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-1f7513a > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-1f7513a > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-1f7513a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-1f7513a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-ae5277d .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-de217b9 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-e97d510 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-e97d510 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-0b9adb9{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2241 .elementor-element.elementor-element-c11162d{--display:flex;}.elementor-2241 .elementor-element.elementor-element-152c172{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-91fe7d9{--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-2241 .elementor-element.elementor-element-19b931a{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-19b931a:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-19b931a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Untitled-design-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-f235c3c .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-b9eeb8e .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-8977678 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-8977678 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-21f9fca{--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-2241 .elementor-element.elementor-element-a75ea5b{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-a75ea5b:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-a75ea5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Beige-and-Red-Vintage-Traditional-Pohela-Boishakh-Bengali-New-Year-Instagram-Post-8-1.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-a75ea5b::before, .elementor-2241 .elementor-element.elementor-element-a75ea5b > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-a75ea5b > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-a75ea5b > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-a75ea5b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-a75ea5b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-a9f72b2 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-1422c3d .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-ddf3d0d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-ddf3d0d .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-61858e0{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-580bcde{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-580bcde:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-580bcde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Untitled-design-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-16610f6 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-bf34b60 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-cd722ab .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-cd722ab .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-7447e4a{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--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-2241 .elementor-element.elementor-element-6f92991{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#131212;}.elementor-2241 .elementor-element.elementor-element-6f92991 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#16A08561;}.elementor-2241 .elementor-element.elementor-element-6f92991.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#16A085;}.elementor-2241 .elementor-element.elementor-element-6f92991.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2241 .elementor-element.elementor-element-6f92991.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#16A085;}.elementor-2241 .elementor-element.elementor-element-6f92991 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-2241 .elementor-element.elementor-element-6f92991.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"DM Sans", Sans-serif;}.elementor-2241 .elementor-element.elementor-element-904163c{--display:flex;--min-height:0px;--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-d33e74b{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-2fade13{--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;}.elementor-2241 .elementor-element.elementor-element-6d5bb11{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-b3082f4{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-b3082f4:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-b3082f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.42-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-b3082f4::before, .elementor-2241 .elementor-element.elementor-element-b3082f4 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-b3082f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-b3082f4 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-b3082f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-b3082f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-b4ad9d0 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-c119c07 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-03dd812 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-03dd812 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-476cabd{--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-2241 .elementor-element.elementor-element-ba53c03{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-ba53c03:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-ba53c03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Beige-and-Red-Vintage-Traditional-Pohela-Boishakh-Bengali-New-Year-Instagram-Post-8-1.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-ba53c03::before, .elementor-2241 .elementor-element.elementor-element-ba53c03 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-ba53c03 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-ba53c03 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-ba53c03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-ba53c03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-9cbee8f .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-3ad00ad .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-2f3620d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-2f3620d .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-a31855e{--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-2241 .elementor-element.elementor-element-4e5460f{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-4e5460f:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-4e5460f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Untitled-design-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-e7ec01b .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-3155523 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-0b5b9d7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-0b5b9d7 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-7859de6{--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:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-c952377{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-03731fc{--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-2241 .elementor-element.elementor-element-665436c{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-665436c:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-665436c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.43-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-665436c::before, .elementor-2241 .elementor-element.elementor-element-665436c > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-665436c > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-665436c > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-665436c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-665436c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-5e6d5ee .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-762d86f .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-cc867eb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-cc867eb .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-b6e8064{--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-2241 .elementor-element.elementor-element-b51f212{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-b51f212:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-b51f212 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/1-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-b51f212::before, .elementor-2241 .elementor-element.elementor-element-b51f212 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-b51f212 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-b51f212 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-b51f212 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-b51f212 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-0dfd01d .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-8ca530c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-881b484 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-881b484 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-6525129{--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-2241 .elementor-element.elementor-element-756b263{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-756b263:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-756b263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-06-at-3.21.00-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-8e2556c .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-087be26 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-316926e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-316926e .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-1fb76ab{--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:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-57a3c91{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-065a3d1{--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-2241 .elementor-element.elementor-element-f0178e2{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-f0178e2:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-f0178e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-f0178e2::before, .elementor-2241 .elementor-element.elementor-element-f0178e2 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-f0178e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-f0178e2 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-f0178e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-f0178e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-63e0e7a .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-90df883 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-25e4a20 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-25e4a20 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-9d9ca3d{--display:flex;}.elementor-2241 .elementor-element.elementor-element-78c7b14{--display:flex;}.elementor-2241 .elementor-element.elementor-element-8ed1a3b{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-064c820{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-e75360d{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-e75360d:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-e75360d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.42-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-e75360d::before, .elementor-2241 .elementor-element.elementor-element-e75360d > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-e75360d > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-e75360d > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-e75360d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-e75360d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-a80dd16 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-8083678 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-9efdb47 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-9efdb47 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-2dc7053{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-db8bc62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-581a9a5{--display:flex;}.elementor-2241 .elementor-element.elementor-element-9084348{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-028cd38{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-1f4e574{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-db4f7bc{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-db4f7bc:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-db4f7bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-28-at-11.44.43-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-db4f7bc::before, .elementor-2241 .elementor-element.elementor-element-db4f7bc > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-db4f7bc > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-db4f7bc > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-db4f7bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-db4f7bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-49dee16 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-3c5a991 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-d87c950 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-d87c950 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-8221208{--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-2241 .elementor-element.elementor-element-e557c6c{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-e557c6c:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-e557c6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/1-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-e557c6c::before, .elementor-2241 .elementor-element.elementor-element-e557c6c > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-e557c6c > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-e557c6c > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-e557c6c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-e557c6c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-f93889e .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-1a2e51f .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-36d7ca5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-36d7ca5 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-6c531dc{--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-2241 .elementor-element.elementor-element-9ef9eb9{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-9ef9eb9:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-9ef9eb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-06-at-3.21.00-PM.jpeg");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-638657b .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-327c660 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-74697ec .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-74697ec .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-6eacb2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-eed1a4f{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-0453295{--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-2241 .elementor-element.elementor-element-48452fb{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-48452fb:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-48452fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/8.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-48452fb::before, .elementor-2241 .elementor-element.elementor-element-48452fb > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-48452fb > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-48452fb > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-48452fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-48452fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-ba2b60b .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-d540a8c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-3ace00b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-3ace00b .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-9b49299{--display:flex;}.elementor-2241 .elementor-element.elementor-element-08644a5{--display:flex;}.elementor-2241 .elementor-element.elementor-element-761e401{--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;}.elementor-2241 .elementor-element.elementor-element-1067198{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-187927d{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-187927d:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-187927d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Untitled-design-3.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-be30e86 .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-ca0284b .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-edb4a7c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-edb4a7c .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-7697f38{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-68f6c24{--display:flex;--min-height:353px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2241 .elementor-element.elementor-element-68f6c24:not(.elementor-motion-effects-element-type-background), .elementor-2241 .elementor-element.elementor-element-68f6c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolynor.com/wp-content/uploads/2026/05/Beige-and-Red-Vintage-Traditional-Pohela-Boishakh-Bengali-New-Year-Instagram-Post-8-1.png");background-position:center center;background-size:cover;}.elementor-2241 .elementor-element.elementor-element-68f6c24::before, .elementor-2241 .elementor-element.elementor-element-68f6c24 > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-68f6c24 > .e-con-inner > .elementor-background-video-container::before, .elementor-2241 .elementor-element.elementor-element-68f6c24 > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-68f6c24 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2241 .elementor-element.elementor-element-68f6c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2241 .elementor-element.elementor-element-81e6b0f .elementor-button{background-color:#A5A2A28A;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:9px 9px 9px 9px;}.elementor-2241 .elementor-element.elementor-element-20965fd .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:28px;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-805b87b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2241 .elementor-element.elementor-element-805b87b .elementor-button{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;}.elementor-2241 .elementor-element.elementor-element-98c43a8{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2241 .elementor-element.elementor-element-4614565{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#131212;}.elementor-2241 .elementor-element.elementor-element-4614565 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#16A08561;}.elementor-2241 .elementor-element.elementor-element-4614565.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#16A085;}.elementor-2241 .elementor-element.elementor-element-4614565.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2241 .elementor-element.elementor-element-4614565.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#16A085;}.elementor-2241 .elementor-element.elementor-element-4614565 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-2241 .elementor-element.elementor-element-4614565.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"DM Sans", Sans-serif;}.elementor-2241 .elementor-element.elementor-element-81bbef9{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2241 .elementor-element.elementor-element-95f712c{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2241 .elementor-element.elementor-element-11ec8db{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2241 .elementor-element.elementor-element-fc232fc{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2241 .elementor-element.elementor-element-1b089d5{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2241 .elementor-element.elementor-element-b022471{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2241 .elementor-element.elementor-element-0b9adb9{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2241 .elementor-element.elementor-element-7447e4a{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2241 .elementor-element.elementor-element-3921403{--min-height:0px;}.elementor-2241 .elementor-element.elementor-element-b950625 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-2241 .elementor-element.elementor-element-b950625 .elementor-heading-title{font-size:23px;}.elementor-2241 .elementor-element.elementor-element-2adc4f6{font-size:11px;}.elementor-2241 .elementor-element.elementor-element-c8da015{--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-2241 .elementor-element.elementor-element-f29602a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-2ce59ce{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-6882768{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-95f712c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2241 .elementor-element.elementor-element-99bd783{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-ac69c65{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-bb98972{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-11ec8db{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2241 .elementor-element.elementor-element-c613362{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-2c2dc50{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-250b73e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-fc232fc{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2241 .elementor-element.elementor-element-43bad53{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-4c56373{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-6266293{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-1b089d5{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2241 .elementor-element.elementor-element-5423ffe{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-4a8d8f0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-6330d77{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-b022471{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2241 .elementor-element.elementor-element-d55d1aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-fb9d4a9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-1f7513a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-0b9adb9{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2241 .elementor-element.elementor-element-19b931a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-a75ea5b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-580bcde{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-7447e4a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2241 .elementor-element.elementor-element-904163c{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-2fade13{--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-2241 .elementor-element.elementor-element-b3082f4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-ba53c03{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-4e5460f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-03731fc{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-665436c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-b51f212{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-756b263{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-f0178e2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-e75360d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-db4f7bc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-e557c6c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-9ef9eb9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-48452fb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-187927d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-7697f38{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2241 .elementor-element.elementor-element-68f6c24{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-2241 .elementor-element.elementor-element-f450669{--content-width:1317px;}.elementor-2241 .elementor-element.elementor-element-f29602a{--width:100%;}.elementor-2241 .elementor-element.elementor-element-2ce59ce{--width:100%;}.elementor-2241 .elementor-element.elementor-element-6882768{--width:100%;}.elementor-2241 .elementor-element.elementor-element-99bd783{--width:100%;}.elementor-2241 .elementor-element.elementor-element-ac69c65{--width:100%;}.elementor-2241 .elementor-element.elementor-element-bb98972{--width:100%;}.elementor-2241 .elementor-element.elementor-element-c613362{--width:100%;}.elementor-2241 .elementor-element.elementor-element-2c2dc50{--width:100%;}.elementor-2241 .elementor-element.elementor-element-250b73e{--width:100%;}.elementor-2241 .elementor-element.elementor-element-43bad53{--width:100%;}.elementor-2241 .elementor-element.elementor-element-4c56373{--width:100%;}.elementor-2241 .elementor-element.elementor-element-6266293{--width:100%;}.elementor-2241 .elementor-element.elementor-element-5423ffe{--width:100%;}.elementor-2241 .elementor-element.elementor-element-4a8d8f0{--width:100%;}.elementor-2241 .elementor-element.elementor-element-6330d77{--width:100%;}.elementor-2241 .elementor-element.elementor-element-d55d1aa{--width:100%;}.elementor-2241 .elementor-element.elementor-element-fb9d4a9{--width:100%;}.elementor-2241 .elementor-element.elementor-element-1f7513a{--width:100%;}.elementor-2241 .elementor-element.elementor-element-19b931a{--width:100%;}.elementor-2241 .elementor-element.elementor-element-a75ea5b{--width:100%;}.elementor-2241 .elementor-element.elementor-element-580bcde{--width:100%;}.elementor-2241 .elementor-element.elementor-element-904163c{--content-width:1317px;}.elementor-2241 .elementor-element.elementor-element-b3082f4{--width:100%;}.elementor-2241 .elementor-element.elementor-element-ba53c03{--width:100%;}.elementor-2241 .elementor-element.elementor-element-4e5460f{--width:100%;}.elementor-2241 .elementor-element.elementor-element-665436c{--width:100%;}.elementor-2241 .elementor-element.elementor-element-b51f212{--width:100%;}.elementor-2241 .elementor-element.elementor-element-756b263{--width:100%;}.elementor-2241 .elementor-element.elementor-element-f0178e2{--width:100%;}.elementor-2241 .elementor-element.elementor-element-e75360d{--width:100%;}.elementor-2241 .elementor-element.elementor-element-db4f7bc{--width:100%;}.elementor-2241 .elementor-element.elementor-element-e557c6c{--width:100%;}.elementor-2241 .elementor-element.elementor-element-9ef9eb9{--width:100%;}.elementor-2241 .elementor-element.elementor-element-48452fb{--width:100%;}.elementor-2241 .elementor-element.elementor-element-187927d{--width:100%;}.elementor-2241 .elementor-element.elementor-element-68f6c24{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f29602a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f29602a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f29602a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f29602a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f29602a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f29602a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f29602a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f29602a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ce59ce *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2ce59ce {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2ce59ce::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2ce59ce > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2ce59ce .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2ce59ce:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6882768 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6882768 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6882768::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6882768::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6882768:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6882768 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6882768 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6882768:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99bd783 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-99bd783 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-99bd783::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-99bd783::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-99bd783:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-99bd783 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-99bd783 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-99bd783:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac69c65 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ac69c65 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ac69c65::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ac69c65::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ac69c65:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ac69c65 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ac69c65 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ac69c65:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb98972 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-bb98972 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-bb98972::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-bb98972::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-bb98972:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-bb98972 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-bb98972 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-bb98972:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c613362 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-c613362 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-c613362::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-c613362::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-c613362:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-c613362 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-c613362 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-c613362:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2dc50 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-2c2dc50::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-2c2dc50 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-2c2dc50:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-250b73e *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-250b73e {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-250b73e::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-250b73e::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-250b73e:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-250b73e > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-250b73e .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-250b73e:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bad53 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-43bad53 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-43bad53::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-43bad53::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-43bad53:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-43bad53 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-43bad53 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-43bad53:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c56373 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4c56373 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4c56373::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4c56373::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4c56373:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4c56373 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4c56373 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4c56373:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6266293 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6266293 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6266293::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6266293::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6266293:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6266293 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6266293 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6266293:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423ffe *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-5423ffe {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-5423ffe::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-5423ffe::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-5423ffe:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-5423ffe > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-5423ffe .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-5423ffe:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8d8f0 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4a8d8f0 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4a8d8f0:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6330d77 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-6330d77 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-6330d77::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-6330d77::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-6330d77:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-6330d77 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-6330d77 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-6330d77:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55d1aa *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-d55d1aa {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-d55d1aa::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-d55d1aa > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-d55d1aa .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-d55d1aa:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9d4a9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-fb9d4a9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-fb9d4a9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f7513a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-1f7513a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-1f7513a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-1f7513a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-1f7513a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-1f7513a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-1f7513a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-1f7513a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19b931a *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-19b931a {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-19b931a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-19b931a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-19b931a:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-19b931a > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-19b931a .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-19b931a:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75ea5b *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-a75ea5b {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-a75ea5b::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-a75ea5b > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-a75ea5b .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-a75ea5b:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-580bcde *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-580bcde {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-580bcde::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-580bcde::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-580bcde:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-580bcde > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-580bcde .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-580bcde:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3082f4 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b3082f4 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b3082f4::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b3082f4::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b3082f4 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b3082f4 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b3082f4:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba53c03 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ba53c03 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ba53c03::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ba53c03::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ba53c03 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ba53c03 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ba53c03:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e5460f *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4e5460f {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4e5460f::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4e5460f::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4e5460f > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4e5460f .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4e5460f:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-665436c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-665436c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-665436c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-665436c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-665436c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-665436c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-665436c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b51f212 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b51f212 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b51f212::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b51f212::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b51f212 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b51f212 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b51f212:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-756b263 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-756b263 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-756b263::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-756b263::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-756b263 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-756b263 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-756b263:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0178e2 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f0178e2 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f0178e2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f0178e2::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f0178e2 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f0178e2 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f0178e2:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e75360d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e75360d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e75360d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e75360d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e75360d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e75360d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e75360d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db4f7bc *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-db4f7bc {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e557c6c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e557c6c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e557c6c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e557c6c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e557c6c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e557c6c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e557c6c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef9eb9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48452fb *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-48452fb {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-48452fb::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-48452fb::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-48452fb > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-48452fb .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-48452fb:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-187927d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-187927d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-187927d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-187927d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-187927d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-187927d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-187927d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68f6c24 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-68f6c24 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-68f6c24::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-68f6c24::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-68f6c24 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-68f6c24 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-68f6c24:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3082f4 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b3082f4 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b3082f4::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b3082f4::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b3082f4 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b3082f4 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b3082f4:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba53c03 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ba53c03 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ba53c03::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ba53c03::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ba53c03 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ba53c03 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ba53c03:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e5460f *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4e5460f {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4e5460f::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4e5460f::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4e5460f > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4e5460f .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4e5460f:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-665436c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-665436c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-665436c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-665436c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-665436c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-665436c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-665436c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b51f212 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b51f212 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b51f212::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b51f212::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b51f212 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b51f212 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b51f212:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-756b263 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-756b263 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-756b263::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-756b263::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-756b263 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-756b263 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-756b263:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0178e2 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f0178e2 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f0178e2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f0178e2::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f0178e2 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f0178e2 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f0178e2:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e75360d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e75360d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e75360d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e75360d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e75360d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e75360d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e75360d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db4f7bc *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-db4f7bc {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e557c6c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e557c6c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e557c6c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e557c6c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e557c6c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e557c6c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e557c6c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef9eb9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48452fb *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-48452fb {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-48452fb::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-48452fb::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-48452fb > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-48452fb .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-48452fb:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-187927d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-187927d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-187927d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-187927d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-187927d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-187927d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-187927d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68f6c24 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-68f6c24 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-68f6c24::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-68f6c24::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-68f6c24 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-68f6c24 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-68f6c24:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3082f4 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b3082f4 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b3082f4::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b3082f4::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b3082f4 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b3082f4 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b3082f4:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba53c03 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ba53c03 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ba53c03::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ba53c03::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ba53c03 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ba53c03 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ba53c03:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e5460f *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4e5460f {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4e5460f::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4e5460f::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4e5460f > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4e5460f .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4e5460f:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-665436c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-665436c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-665436c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-665436c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-665436c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-665436c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-665436c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b51f212 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b51f212 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b51f212::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b51f212::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b51f212 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b51f212 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b51f212:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-756b263 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-756b263 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-756b263::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-756b263::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-756b263 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-756b263 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-756b263:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0178e2 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f0178e2 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f0178e2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f0178e2::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f0178e2 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f0178e2 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f0178e2:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e75360d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e75360d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e75360d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e75360d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e75360d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e75360d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e75360d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db4f7bc *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-db4f7bc {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e557c6c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e557c6c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e557c6c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e557c6c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e557c6c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e557c6c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e557c6c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef9eb9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48452fb *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-48452fb {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-48452fb::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-48452fb::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-48452fb > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-48452fb .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-48452fb:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-187927d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-187927d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-187927d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-187927d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-187927d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-187927d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-187927d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68f6c24 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-68f6c24 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-68f6c24::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-68f6c24::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-68f6c24 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-68f6c24 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-68f6c24:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3082f4 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b3082f4 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b3082f4::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b3082f4::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b3082f4 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b3082f4 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b3082f4:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba53c03 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ba53c03 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ba53c03::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ba53c03::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ba53c03 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ba53c03 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ba53c03:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e5460f *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4e5460f {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4e5460f::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4e5460f::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4e5460f > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4e5460f .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4e5460f:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-665436c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-665436c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-665436c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-665436c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-665436c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-665436c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-665436c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b51f212 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b51f212 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b51f212::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b51f212::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b51f212 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b51f212 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b51f212:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-756b263 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-756b263 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-756b263::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-756b263::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-756b263 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-756b263 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-756b263:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0178e2 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f0178e2 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f0178e2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f0178e2::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f0178e2 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f0178e2 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f0178e2:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e75360d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e75360d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e75360d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e75360d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e75360d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e75360d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e75360d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db4f7bc *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-db4f7bc {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e557c6c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e557c6c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e557c6c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e557c6c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e557c6c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e557c6c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e557c6c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef9eb9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48452fb *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-48452fb {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-48452fb::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-48452fb::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-48452fb > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-48452fb .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-48452fb:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-187927d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-187927d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-187927d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-187927d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-187927d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-187927d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-187927d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68f6c24 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-68f6c24 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-68f6c24::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-68f6c24::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-68f6c24 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-68f6c24 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-68f6c24:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3082f4 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b3082f4 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b3082f4::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b3082f4::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b3082f4:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b3082f4 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b3082f4 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b3082f4:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba53c03 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-ba53c03 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-ba53c03::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-ba53c03::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-ba53c03:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-ba53c03 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-ba53c03 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-ba53c03:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e5460f *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-4e5460f {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-4e5460f::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-4e5460f::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-4e5460f:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-4e5460f > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-4e5460f .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-4e5460f:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-665436c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-665436c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-665436c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-665436c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-665436c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-665436c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-665436c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-665436c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b51f212 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-b51f212 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-b51f212::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-b51f212::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-b51f212:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-b51f212 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-b51f212 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-b51f212:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-756b263 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-756b263 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-756b263::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-756b263::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-756b263:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-756b263 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-756b263 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-756b263:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0178e2 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-f0178e2 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-f0178e2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-f0178e2::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-f0178e2:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-f0178e2 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-f0178e2 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-f0178e2:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e75360d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e75360d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e75360d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e75360d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e75360d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e75360d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e75360d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e75360d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db4f7bc *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-db4f7bc {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-db4f7bc::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-db4f7bc > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-db4f7bc .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-db4f7bc:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e557c6c *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-e557c6c {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-e557c6c::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-e557c6c::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-e557c6c:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-e557c6c > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-e557c6c .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-e557c6c:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef9eb9 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-9ef9eb9 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-9ef9eb9:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48452fb *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-48452fb {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-48452fb::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-48452fb::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-48452fb:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-48452fb > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-48452fb .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-48452fb:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-187927d *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-187927d {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-187927d::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-187927d::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-187927d:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-187927d > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-187927d .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-187927d:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68f6c24 *//* ১. মেইন কন্টেইনার সেটআপ */
.elementor-2241 .elementor-element.elementor-element-68f6c24 {
    overflow: hidden !important;
    position: relative;
}

/* ২. ইমেজ এবং ওভারলে একসাথে সেট করা */
.elementor-2241 .elementor-element.elementor-element-68f6c24::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-in-out;
    z-index: 0;
}

/* ৩. ব্যাকগ্রাউন্ড ওভারলে যোগ করা (এখান থেকে কালার চেঞ্জ করবেন) */
.elementor-2241 .elementor-element.elementor-element-68f6c24::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ০.৪ হলো কালো কালারের গাঢ়ত্ব (Opacity) */
    z-index: 1; /* এটি ইমেজের উপরে থাকবে */
    transition: background 0.4s ease;
}

/* ৪. মাউস নিলে ইমেজ জুম হবে */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::before {
    transform: scale(1.1);
}

/* ৫. মাউস নিলে যদি ওভারলে আরও গাঢ় করতে চান */
.elementor-2241 .elementor-element.elementor-element-68f6c24:hover::after {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* ৬. আপনার টেক্সট এবং কন্টেন্ট যেন সবকিছুর উপরে থাকে */
.elementor-2241 .elementor-element.elementor-element-68f6c24 > * {
    position: relative;
    z-index: 2;
}

/* ৭. হাইড করা কন্টেন্ট ভেসে ওঠা */
.elementor-2241 .elementor-element.elementor-element-68f6c24 .hide-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.elementor-2241 .elementor-element.elementor-element-68f6c24:hover .hide-content {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */