.elementor-475 .elementor-element.elementor-element-b67e4d6{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-134px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;--z-index:99;}.elementor-475 .elementor-element.elementor-element-b67e4d6:not(.elementor-motion-effects-element-type-background), .elementor-475 .elementor-element.elementor-element-b67e4d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-1ede24b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:120px 120px;--row-gap:120px;--column-gap:120px;}.elementor-475 .elementor-element.elementor-element-6d9f3b4{--display:flex;}.elementor-475 .elementor-element.elementor-element-8146d06{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-475 .elementor-element.elementor-element-b667898{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-475 .elementor-element.elementor-element-b667898 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:28px;font-weight:400;line-height:42px;color:var( --e-global-color-primary );}.elementor-475 .elementor-element.elementor-element-583e106{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-475 .elementor-element.elementor-element-583e106 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-475 .elementor-element.elementor-element-7787beb .elementor-button{background-color:#FFFFFF00;font-family:"EB Garamond", Sans-serif;font-size:14px;font-weight:600;line-height:24px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;padding:0px 0px 2px 0px;}.elementor-475 .elementor-element.elementor-element-7787beb{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-475 .elementor-element.elementor-element-7787beb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-475 .elementor-element.elementor-element-7787beb .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-475 .elementor-element.elementor-element-cd4c9d8{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-475 .elementor-element.elementor-element-015564e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-475 .elementor-element.elementor-element-705eff0{--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-475 .elementor-element.elementor-element-8cab878 img{width:100%;}.elementor-475 .elementor-element.elementor-element-e536dc4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--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-475 .elementor-element.elementor-element-9627f43{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-475 .elementor-element.elementor-element-f5408fa .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:30px;font-weight:600;line-height:36px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-475 .elementor-element.elementor-element-d018aa6{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#000000;}.elementor-475 .elementor-element.elementor-element-9b78f2b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--padding-top:0px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-475 .elementor-element.elementor-element-d0dfef5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-475 .elementor-element.elementor-element-d247f8e{--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-475 .elementor-element.elementor-element-5240250 img{width:100%;}.elementor-475 .elementor-element.elementor-element-b0a9715{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--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-475 .elementor-element.elementor-element-e1cf74b{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-475 .elementor-element.elementor-element-7e6decf .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:30px;font-weight:600;line-height:36px;}.elementor-475 .elementor-element.elementor-element-3bef82d{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#000000;}.elementor-475 .elementor-element.elementor-element-b52c614{--display:flex;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;--z-index:99;}.elementor-475 .elementor-element.elementor-element-b52c614:not(.elementor-motion-effects-element-type-background), .elementor-475 .elementor-element.elementor-element-b52c614 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-5bbb520{--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-475 .elementor-element.elementor-element-3c36b85{--display:flex;--justify-content:center;--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-475 .elementor-element.elementor-element-30f9674{z-index:0;}.elementor-475 .elementor-element.elementor-element-30f9674 img{width:100%;}.elementor-475 .elementor-element.elementor-element-e1ddc79{--display:flex;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-475 .elementor-element.elementor-element-e1ddc79:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-475 .elementor-element.elementor-element-e1ddc79, .elementor-475 .elementor-element.elementor-element-e1ddc79::before{--border-transition:0.3s;}.elementor-475 .elementor-element.elementor-element-48556a8{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-48556a8 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:26px;font-weight:500;text-transform:uppercase;line-height:30px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-19a231c{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-19a231c .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:18px;font-weight:400;text-transform:capitalize;line-height:20px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-edc3a35{--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-475 .elementor-element.elementor-element-e85a9ed{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-475 .elementor-element.elementor-element-d555ea8{z-index:0;}.elementor-475 .elementor-element.elementor-element-d555ea8 img{width:100%;}.elementor-475 .elementor-element.elementor-element-57df1df{--display:flex;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-475 .elementor-element.elementor-element-57df1df:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-475 .elementor-element.elementor-element-57df1df, .elementor-475 .elementor-element.elementor-element-57df1df::before{--border-transition:0.3s;}.elementor-475 .elementor-element.elementor-element-3f5d293{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-3f5d293 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:26px;font-weight:500;text-transform:uppercase;line-height:30px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-ecfeb16{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-ecfeb16 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:18px;font-weight:400;text-transform:capitalize;line-height:20px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-1f42629{--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-475 .elementor-element.elementor-element-1e51448{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-475 .elementor-element.elementor-element-94a6292{z-index:0;}.elementor-475 .elementor-element.elementor-element-94a6292 img{width:100%;}.elementor-475 .elementor-element.elementor-element-cd8ece4{--display:flex;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-475 .elementor-element.elementor-element-cd8ece4:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-475 .elementor-element.elementor-element-cd8ece4, .elementor-475 .elementor-element.elementor-element-cd8ece4::before{--border-transition:0.3s;}.elementor-475 .elementor-element.elementor-element-ab7992c{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-ab7992c .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:26px;font-weight:500;text-transform:uppercase;line-height:30px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-84236bb{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-84236bb .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;line-height:20px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-534a0a6{--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-475 .elementor-element.elementor-element-2f6a209{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-475 .elementor-element.elementor-element-623b384{z-index:0;}.elementor-475 .elementor-element.elementor-element-623b384 img{width:100%;}.elementor-475 .elementor-element.elementor-element-dcd4f01{--display:flex;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-475 .elementor-element.elementor-element-dcd4f01:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-475 .elementor-element.elementor-element-dcd4f01, .elementor-475 .elementor-element.elementor-element-dcd4f01::before{--border-transition:0.3s;}.elementor-475 .elementor-element.elementor-element-151b3d2{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-151b3d2 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:26px;font-weight:500;text-transform:uppercase;line-height:30px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-3b2239a{padding:0px 0px 0px 0px;text-align:center;}.elementor-475 .elementor-element.elementor-element-3b2239a .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;line-height:20px;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-475 .elementor-element.elementor-element-fd5139f{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-475 .elementor-element.elementor-element-98e5410{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-475 .elementor-element.elementor-element-ab32513{--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-475 .elementor-element.elementor-element-d4b39b4{text-align:start;}.elementor-475 .elementor-element.elementor-element-d4b39b4 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:50px;font-weight:600;text-transform:capitalize;line-height:60px;letter-spacing:0.8px;word-spacing:4px;color:var( --e-global-color-primary );}.elementor-475 .elementor-element.elementor-element-51502c2{--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-475 .elementor-element.elementor-element-8551b55{width:100%;max-width:100%;}.elementor-475 .elementor-element.elementor-element-8551b55 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-475 .elementor-element.elementor-element-b67e4d6{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-475 .elementor-element.elementor-element-1ede24b{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-475 .elementor-element.elementor-element-b667898{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-475 .elementor-element.elementor-element-b667898 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-475 .elementor-element.elementor-element-583e106{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-475 .elementor-element.elementor-element-7787beb{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-475 .elementor-element.elementor-element-7787beb.elementor-element{--align-self:center;}.elementor-475 .elementor-element.elementor-element-015564e{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-475 .elementor-element.elementor-element-9627f43{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-475 .elementor-element.elementor-element-d018aa6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-475 .elementor-element.elementor-element-9b78f2b{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-475 .elementor-element.elementor-element-d0dfef5{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;}.elementor-475 .elementor-element.elementor-element-e1cf74b{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-475 .elementor-element.elementor-element-3bef82d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-475 .elementor-element.elementor-element-b52c614{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-475 .elementor-element.elementor-element-fd5139f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-475 .elementor-element.elementor-element-98e5410{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-475 .elementor-element.elementor-element-d4b39b4 .elementor-heading-title{font-size:40px;line-height:50px;}}@media(max-width:767px){.elementor-475 .elementor-element.elementor-element-b67e4d6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-475 .elementor-element.elementor-element-1ede24b{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-475 .elementor-element.elementor-element-8146d06{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-475 .elementor-element.elementor-element-b667898{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-475 .elementor-element.elementor-element-583e106{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-475 .elementor-element.elementor-element-7787beb.elementor-element{--align-self:flex-start;}.elementor-475 .elementor-element.elementor-element-b52c614{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-475 .elementor-element.elementor-element-48556a8 .elementor-heading-title{font-size:24px;line-height:28px;}.elementor-475 .elementor-element.elementor-element-19a231c .elementor-heading-title{font-size:16px;line-height:18px;}.elementor-475 .elementor-element.elementor-element-3f5d293 .elementor-heading-title{font-size:24px;line-height:28px;}.elementor-475 .elementor-element.elementor-element-ecfeb16 .elementor-heading-title{font-size:16px;line-height:18px;}.elementor-475 .elementor-element.elementor-element-ab7992c .elementor-heading-title{font-size:24px;line-height:28px;}.elementor-475 .elementor-element.elementor-element-84236bb .elementor-heading-title{font-size:16px;line-height:18px;}.elementor-475 .elementor-element.elementor-element-151b3d2 .elementor-heading-title{font-size:24px;line-height:28px;}.elementor-475 .elementor-element.elementor-element-3b2239a .elementor-heading-title{font-size:16px;line-height:18px;}.elementor-475 .elementor-element.elementor-element-fd5139f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-475 .elementor-element.elementor-element-98e5410{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-475 .elementor-element.elementor-element-d4b39b4 .elementor-heading-title{font-size:36px;line-height:40px;}}@media(min-width:768px){.elementor-475 .elementor-element.elementor-element-1ede24b{--width:60%;}.elementor-475 .elementor-element.elementor-element-6d9f3b4{--width:90%;}.elementor-475 .elementor-element.elementor-element-cd4c9d8{--width:40%;}.elementor-475 .elementor-element.elementor-element-9627f43{--width:65%;}.elementor-475 .elementor-element.elementor-element-e1cf74b{--width:65%;}.elementor-475 .elementor-element.elementor-element-98e5410{--content-width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-475 .elementor-element.elementor-element-1ede24b{--width:100%;}.elementor-475 .elementor-element.elementor-element-6d9f3b4{--width:100%;}.elementor-475 .elementor-element.elementor-element-cd4c9d8{--width:100%;}.elementor-475 .elementor-element.elementor-element-9627f43{--width:100%;}.elementor-475 .elementor-element.elementor-element-e1cf74b{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-b667898 */.elementor-475 .elementor-element.elementor-element-b667898 {
    font-family: "Cormorant Garamond", serif;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 400;
    letter-spacing: -0.5px;
}


.elementor-475 .elementor-element.elementor-element-b667898 em {
    font-style: italic;
    font-weight: 400;
}


@media(max-width:767px){

.elementor-475 .elementor-element.elementor-element-b667898{
    font-size:32px;
    line-height:1.2;
}

}

.first-letter {
    margin-left:78px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c36b85 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-3c36b85::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e85a9ed *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-e85a9ed::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e51448 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-1e51448::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-1e51448 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a209 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-2f6a209::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c36b85 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-3c36b85::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e85a9ed *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-e85a9ed::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e51448 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-1e51448::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-1e51448 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a209 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-2f6a209::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c36b85 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-3c36b85::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e85a9ed *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-e85a9ed::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e51448 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-1e51448::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-1e51448 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a209 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-2f6a209::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c36b85 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-3c36b85::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e85a9ed *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-e85a9ed::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e51448 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-1e51448::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-1e51448 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a209 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-2f6a209::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c36b85 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-3c36b85::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-3c36b85:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e85a9ed *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-e85a9ed::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-e85a9ed:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e51448 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-1e51448::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-1e51448 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-1e51448 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-1e51448:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a209 *//* ==========================================
   1. Main Container & Full Overlay Setup
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 0 !important;
}

/* মেইন কন্টেইনারের পুরোটা জুড়ে ওভারলে কালার (এখানেই কালার চেঞ্জ করবেন) */
.elementor-475 .elementor-element.elementor-element-2f6a209::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* সাধারণ অবস্থা (৩০% কালো) */
    z-index: 2; /* ইমেজ এর উপরে এবং ইনার কন্টেইনারের নিচে থাকবে */
    transition: background-color 0.4s ease-in-out;
    pointer-events: none;
}





/* ==========================================
   3. Inner Container Layout (80% Centered)
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-container {
    position: absolute !important;
    top: 5% !important;    
    left: 5% !important;   
    right: 5% !important;  
    bottom: 5% !important; 
    width: 90% !important;  
    height: 90% !important; 
    z-index: 3; /* ওভারলের উপরে টেক্সট ও বর্ডার রাখার জন্য */
    
    /* ব্যাকগ্রাউন্ড কালার এখান থেকে সম্পূর্ণ বাদ দেওয়া হয়েছে */
    display: flex !important;          
    flex-direction: column !important;
    justify-content: center !important; 
    box-sizing: border-box !important;
    padding: 30px !important; 
}


/* ==========================================
   5. Title & Text Animation Effects
   ========================================== */
.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-title {
    opacity: 0;
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-title {
    opacity: 1; 
    transform: translateY(-10px); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209 .inner-text-inner-container {
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}

.elementor-475 .elementor-element.elementor-element-2f6a209:hover .inner-text-inner-container {
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b52c614 */#footer-pre-section{
       display: none !important;
   }/* End custom CSS */