.elementor-237 .elementor-element.elementor-element-3c1b9f7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-66d972f{--display:flex;--min-height:540px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-237 .elementor-element.elementor-element-66d972f.e-con{--align-self:center;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-repeater-item-c9245ed .swiper-slide-bg{background-color:#833ca3;background-image:url(https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_2_f40211_a8ecc7db892b405eb84c31da0ca85ab3mv2-1.png);background-size:cover;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-repeater-item-c9245ed .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-repeater-item-8a89962 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_2_3303b0_ffb3ab7909374c10a52d03183552a26fmv2.png);background-size:cover;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-repeater-item-8a89962 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-repeater-item-4ce6541 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_2_a5614e_e6a5d41ac3af4112a53869bbee5cf696mv2.png);background-size:cover;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-repeater-item-4ce6541 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-237 .elementor-element.elementor-element-5431073 .swiper-slide{transition-duration:calc(5000ms*1.2);height:540px;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-slide-button{background-color:#02010100;color:#02010100;border-color:#02010100;}.elementor-237 .elementor-element.elementor-element-5431073{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-237 .elementor-element.elementor-element-5431073.elementor-element{--align-self:center;}.elementor-237 .elementor-element.elementor-element-5431073 .swiper-slide-contents{max-width:100%;}.elementor-237 .elementor-element.elementor-element-5431073 .swiper-slide-inner{padding:80px 0px 0px 0px;text-align:center;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-slide-heading{font-family:"Avenir", Sans-serif;font-size:55px;font-weight:400;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-slide-description{font-family:"Questrial", Sans-serif;font-size:18px;font-weight:400;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-swiper-button{font-size:60px;color:#FFFFFF;}.elementor-237 .elementor-element.elementor-element-5431073 .elementor-swiper-button svg{fill:#FFFFFF;}.elementor-237 .elementor-element.elementor-element-c75d98c{--display:flex;--position:absolute;--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;top:138px;--z-index:1;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-c75d98c{left:57px;}body.rtl .elementor-237 .elementor-element.elementor-element-c75d98c{right:57px;}.elementor-237 .elementor-element.elementor-element-780ed7c{--display:flex;}.elementor-237 .elementor-element.elementor-element-780ed7c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-c45d1cf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-1cb1bf4{--display:flex;}.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-237 .elementor-element.elementor-element-0e116fa{text-align:center;}.elementor-237 .elementor-element.elementor-element-0e116fa .elementor-heading-title{font-family:"Pinyon Script", Sans-serif;font-size:32px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-c88791b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-237 .elementor-element.elementor-element-c88791b .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:60px;font-weight:400;color:#FFFFFF00;}.elementor-237 .elementor-element.elementor-element-46975f0{text-align:center;}.elementor-237 .elementor-element.elementor-element-46975f0 .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF00;}.elementor-237 .elementor-element.elementor-element-28e4034{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.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-237 .elementor-element.elementor-element-69153c0 .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-69153c0 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-69153c0 .elementor-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Avenir", Sans-serif;font-size:15px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:15px 15px 15px 15px;}.elementor-237 .elementor-element.elementor-element-69153c0 .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-69153c0 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-a4790dc .elementor-button{background-color:var( --e-global-color-secondary );-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Avenir", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:15px 15px 15px 15px;}.elementor-237 .elementor-element.elementor-element-a4790dc .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-a4790dc .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-a4790dc .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-a4790dc .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-6cafa54{--display:flex;}.elementor-237 .elementor-element.elementor-element-6cafa54.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-853075a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-cbd18a0{--display:flex;--min-height:442px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-8086594{--display:flex;--min-height:776px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-8086594:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-8086594 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_3_a5614e_fac5bb9d442c46979904f5b673beec76mv2.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-237 .elementor-element.elementor-element-8086594.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-3b50784{--display:flex;--justify-content:center;}.elementor-237 .elementor-element.elementor-element-c15d057 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-0813b80{padding:20px 0px 20px 0px;}.elementor-237 .elementor-element.elementor-element-0813b80 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:42px;font-weight:500;line-height:26px;letter-spacing:-1.2px;color:#000000;}.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-237 .elementor-element.elementor-element-e8f9561{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:justify;font-family:"Avenir", Sans-serif;font-size:16px;font-weight:100;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-237 .elementor-element.elementor-element-e8f9561.elementor-element{--align-self:flex-start;}.elementor-237 .elementor-element.elementor-element-55bea53 .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-55bea53 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-55bea53.elementor-element{--align-self:center;}.elementor-237 .elementor-element.elementor-element-55bea53 .elementor-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Avenir", Sans-serif;font-size:15px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:15px 15px 15px 15px;}.elementor-237 .elementor-element.elementor-element-55bea53 .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-55bea53 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-73ecd7e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-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-237 .elementor-element.elementor-element-9bc9eed{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-b26b800{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-d94f27e{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;text-align:center;}.elementor-237 .elementor-element.elementor-element-d94f27e.elementor-element{--align-self:center;}.elementor-237 .elementor-element.elementor-element-d94f27e .elementor-heading-title{font-family:"Din-neuget-groteskk", Sans-serif;font-weight:600;line-height:43px;color:#A83411;}.elementor-237 .elementor-element.elementor-element-98ab87e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-237 .elementor-element.elementor-element-c26806d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-db37845{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--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-237 .elementor-element.elementor-element-e63857f{--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-237 .elementor-element.elementor-element-c8a06de img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-bb99c32 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-cd0b7d7{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-9cf365d{text-align:center;}.elementor-237 .elementor-element.elementor-element-9cf365d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-3ef34ad{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-3ef34ad .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-3ef34ad .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-8d0e0c5{text-align:center;}.elementor-237 .elementor-element.elementor-element-8d0e0c5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-1b57415 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-19fc0b1{--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-237 .elementor-element.elementor-element-1e5b9e3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-ccbfc19{--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-237 .elementor-element.elementor-element-4034372 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-1288993 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-f7216b8{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-59b862c{text-align:center;}.elementor-237 .elementor-element.elementor-element-59b862c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-cc6d16c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-cc6d16c .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-cc6d16c .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-88f7923{text-align:center;}.elementor-237 .elementor-element.elementor-element-88f7923 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-2ef214d .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-b301302{--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-237 .elementor-element.elementor-element-3bd7114{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-3809996{--display:flex;--min-height:104px;--justify-content:space-evenly;--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-237 .elementor-element.elementor-element-67420ec img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-9b0a478 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-05c957f{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-91f5ac1{text-align:center;}.elementor-237 .elementor-element.elementor-element-91f5ac1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-8d83e23{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-8d83e23 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-8d83e23 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-ff1e91c{text-align:center;}.elementor-237 .elementor-element.elementor-element-ff1e91c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-bef1fb9 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-0e9ef49{--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-237 .elementor-element.elementor-element-a42e0a2{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-8d70b84{--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-237 .elementor-element.elementor-element-f09d05b img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-0988dee .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-c2b3b67{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-5dc9bb2{text-align:center;}.elementor-237 .elementor-element.elementor-element-5dc9bb2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-976eee1{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-976eee1 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-976eee1 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-005a659{text-align:center;}.elementor-237 .elementor-element.elementor-element-005a659 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-aa46727 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-4019d9d{--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-237 .elementor-element.elementor-element-a203689{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-fee3183{--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-237 .elementor-element.elementor-element-5b336a0 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-28af131 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-9d6811d{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-ba97b81{text-align:center;}.elementor-237 .elementor-element.elementor-element-ba97b81 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-61c0f88{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-61c0f88 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-61c0f88 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-a5b658f{text-align:center;}.elementor-237 .elementor-element.elementor-element-a5b658f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-ad31a6d .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-10c9d37{--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-237 .elementor-element.elementor-element-f172aa3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-34f70ba{--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-237 .elementor-element.elementor-element-5bdff33 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-733f863 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-50c632f{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-d6c531e{text-align:center;}.elementor-237 .elementor-element.elementor-element-d6c531e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-e244aac{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-e244aac .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-e244aac .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-779c3c8{text-align:center;}.elementor-237 .elementor-element.elementor-element-779c3c8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-7881e3d .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-ca2d51b{--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-237 .elementor-element.elementor-element-6499ce8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-9537447{--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-237 .elementor-element.elementor-element-8eb0cef img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-1688741 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-da11c88{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-372c17f{text-align:center;}.elementor-237 .elementor-element.elementor-element-372c17f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-d3e9a07{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-d3e9a07 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-d3e9a07 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-d173826{text-align:center;}.elementor-237 .elementor-element.elementor-element-d173826 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-77cd86e .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-d9c00d3{--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-237 .elementor-element.elementor-element-bb7f474{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-38432cb{--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-237 .elementor-element.elementor-element-d9131ab img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-4e58655 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-ee28fcf{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-e84d969{text-align:center;}.elementor-237 .elementor-element.elementor-element-e84d969 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-51d356a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-51d356a .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-51d356a .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-59e82fc{text-align:center;}.elementor-237 .elementor-element.elementor-element-59e82fc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-be78ad6 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-b50cb23{--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-237 .elementor-element.elementor-element-a2b3ad6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-c7fdf7a{--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-237 .elementor-element.elementor-element-9a6159f img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-098394a .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-fafcbad{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-f5a6940{text-align:center;}.elementor-237 .elementor-element.elementor-element-f5a6940 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-d6ca95b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-d6ca95b .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-d6ca95b .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-46f9f2c{text-align:center;}.elementor-237 .elementor-element.elementor-element-46f9f2c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-0597132 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-0b96013{--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-237 .elementor-element.elementor-element-2b050b0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-9c67997{--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-237 .elementor-element.elementor-element-c46e6ee img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-266f58f .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-b2788ca{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-7cb4d9d{text-align:center;}.elementor-237 .elementor-element.elementor-element-7cb4d9d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-4b26e70{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-4b26e70 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-4b26e70 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-ba362b1{text-align:center;}.elementor-237 .elementor-element.elementor-element-ba362b1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-5e67875 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-7d120d5{--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-237 .elementor-element.elementor-element-c3ddf3f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-8c992c6{--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-237 .elementor-element.elementor-element-f21f937 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-3b49cc8 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-f4b8707{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-00011f9{text-align:center;}.elementor-237 .elementor-element.elementor-element-00011f9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-0541d7e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-0541d7e .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-0541d7e .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-c9dc819{text-align:center;}.elementor-237 .elementor-element.elementor-element-c9dc819 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-9d7668a .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 80px 10px 80px;}.elementor-237 .elementor-element.elementor-element-3775cce{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:28px;--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;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-3775cce :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:transparent;background-image:linear-gradient(180deg, #02020100 0%, #F2295B00 100%);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-237 .elementor-element.elementor-element-0f1e0e0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-ea2f5a9 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Avenir", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#AF3E21;border-radius:0px 0px 0px 0px;padding:12px 100px 12px 100px;}.elementor-237 .elementor-element.elementor-element-ea2f5a9 .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-ea2f5a9 .elementor-button:focus{background-color:#AF3E21;color:var( --e-global-color-secondary );border-color:#AF3E21;}.elementor-237 .elementor-element.elementor-element-ea2f5a9.elementor-element{--align-self:stretch;}.elementor-237 .elementor-element.elementor-element-ea2f5a9 .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-ea2f5a9 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-7cbeccb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-7cbeccb:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-7cbeccb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-237 .elementor-element.elementor-element-6d11888{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-7c4a94d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;line-height:28px;color:#A83411;}.elementor-237 .elementor-element.elementor-element-58462c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--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-237 .elementor-element.elementor-element-8f66481{--display:flex;}.elementor-237 .elementor-element.elementor-element-6e00227{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-94f90ae{--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-237 .elementor-element.elementor-element-c5016a7 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-0500995 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-ff21647{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-3a0fd58{text-align:center;}.elementor-237 .elementor-element.elementor-element-3a0fd58 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-b8af12f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-b8af12f .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-b8af12f .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-01e0b10{text-align:center;}.elementor-237 .elementor-element.elementor-element-01e0b10 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-0b09c96 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-0619401{--display:flex;}.elementor-237 .elementor-element.elementor-element-fae391e{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-0eb2d3e{--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-237 .elementor-element.elementor-element-f7ee080 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-f2fcb61 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-2d71e25{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-be492ac{text-align:center;}.elementor-237 .elementor-element.elementor-element-be492ac .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-62ade3e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-62ade3e .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-62ade3e .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-c980ba2{text-align:center;}.elementor-237 .elementor-element.elementor-element-c980ba2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-4e0d7fc .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-bb35ca7{--display:flex;}.elementor-237 .elementor-element.elementor-element-14cd09c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-291d6f0{--display:flex;--min-height:104px;--justify-content:space-evenly;--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-237 .elementor-element.elementor-element-966be35 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-fb5ffe8 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-5f3fbc6{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-5e492ff{text-align:center;}.elementor-237 .elementor-element.elementor-element-5e492ff .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-e3bc11c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-e3bc11c .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-e3bc11c .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-480d63e{text-align:center;}.elementor-237 .elementor-element.elementor-element-480d63e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-0970334 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-f224e56{--display:flex;}.elementor-237 .elementor-element.elementor-element-20dc1bb{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-bbd9d8d{--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-237 .elementor-element.elementor-element-e47d38f img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-6ac2606 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-8db0fe0{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-187141f{text-align:center;}.elementor-237 .elementor-element.elementor-element-187141f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-357fd74{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-357fd74 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-357fd74 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-c493f9d{text-align:center;}.elementor-237 .elementor-element.elementor-element-c493f9d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-33b9278 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-b63f7a8{--display:flex;}.elementor-237 .elementor-element.elementor-element-9778a42{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-0eec765{--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-237 .elementor-element.elementor-element-17a4ff1 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-a28c3b7 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-147c734{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-a05edc2{text-align:center;}.elementor-237 .elementor-element.elementor-element-a05edc2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-76f3598{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-76f3598 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-76f3598 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-92a99e8{text-align:center;}.elementor-237 .elementor-element.elementor-element-92a99e8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-59dfdb7 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-da1359f{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--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-237 .elementor-element.elementor-element-953ed2b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-2ca38dc .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Avenir", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#AF3E21;border-radius:0px 0px 0px 0px;padding:12px 100px 12px 100px;}.elementor-237 .elementor-element.elementor-element-2ca38dc .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-2ca38dc .elementor-button:focus{background-color:#AF3E21;color:var( --e-global-color-secondary );border-color:#AF3E21;}.elementor-237 .elementor-element.elementor-element-2ca38dc.elementor-element{--align-self:stretch;}.elementor-237 .elementor-element.elementor-element-2ca38dc .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-2ca38dc .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-2e4199b{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-bd1dd1e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-c1e9aea .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;line-height:28px;color:#A83411;}.elementor-237 .elementor-element.elementor-element-b5f6bf9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--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-237 .elementor-element.elementor-element-8a81baf{--display:flex;}.elementor-237 .elementor-element.elementor-element-db74ba2{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-c837a13{--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-237 .elementor-element.elementor-element-463ec2a img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-ed8a06c .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-acf8400{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-fa9c4b7{text-align:center;}.elementor-237 .elementor-element.elementor-element-fa9c4b7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-32bac8c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-32bac8c .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-32bac8c .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-6bfe934{text-align:center;}.elementor-237 .elementor-element.elementor-element-6bfe934 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-025ab4b .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-6278fa1{--display:flex;}.elementor-237 .elementor-element.elementor-element-cbc3215{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-e749f69{--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-237 .elementor-element.elementor-element-2a24340 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-4339e51 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-43c88e5{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-28a1185{text-align:center;}.elementor-237 .elementor-element.elementor-element-28a1185 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-182c36e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-182c36e .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-182c36e .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-e481eba{text-align:center;}.elementor-237 .elementor-element.elementor-element-e481eba .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-fb1f9e0 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-3c98bc4{--display:flex;}.elementor-237 .elementor-element.elementor-element-e3b58c4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-206acdf{--display:flex;--min-height:104px;--justify-content:space-evenly;--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-237 .elementor-element.elementor-element-d114f22 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-61f38d2 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-3be2951{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-b99793c{text-align:center;}.elementor-237 .elementor-element.elementor-element-b99793c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-a36b904{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-a36b904 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-a36b904 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-b245b95{text-align:center;}.elementor-237 .elementor-element.elementor-element-b245b95 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-4b001cb .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-77f0451{--display:flex;}.elementor-237 .elementor-element.elementor-element-bc39dd0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-53cf353{--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-237 .elementor-element.elementor-element-82889cd img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-6fbcc37 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-1fea79e{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-41ddf26{text-align:center;}.elementor-237 .elementor-element.elementor-element-41ddf26 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-953b599{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-953b599 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-953b599 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-1e4ccf9{text-align:center;}.elementor-237 .elementor-element.elementor-element-1e4ccf9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-dde996a .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-e45d764{--display:flex;}.elementor-237 .elementor-element.elementor-element-a90ad92{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--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-237 .elementor-element.elementor-element-10c442b{--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-237 .elementor-element.elementor-element-35ac3f1 img{width:100%;height:241px;object-fit:cover;object-position:center center;}.elementor-237 .elementor-element.elementor-element-94971d6 .elementor-button{background-color:#FFFFFF2E;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-6e676b9{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-237 .elementor-element.elementor-element-11b39f9{text-align:center;}.elementor-237 .elementor-element.elementor-element-11b39f9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-237 .elementor-element.elementor-element-57d056d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-237 .elementor-element.elementor-element-57d056d .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-237 .elementor-element.elementor-element-57d056d .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-237 .elementor-element.elementor-element-ac2e35d{text-align:center;}.elementor-237 .elementor-element.elementor-element-ac2e35d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-237 .elementor-element.elementor-element-edc68c2 .elementor-button{background-color:#AF3E21;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:10px 30px 10px 30px;}.elementor-237 .elementor-element.elementor-element-4699e86{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--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-237 .elementor-element.elementor-element-428e080{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-c93676c .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Avenir", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#AF3E21;border-radius:0px 0px 0px 0px;padding:12px 100px 12px 100px;}.elementor-237 .elementor-element.elementor-element-c93676c .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-c93676c .elementor-button:focus{background-color:#AF3E21;color:var( --e-global-color-secondary );border-color:#AF3E21;}.elementor-237 .elementor-element.elementor-element-c93676c.elementor-element{--align-self:stretch;}.elementor-237 .elementor-element.elementor-element-c93676c .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-c93676c .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-4fe2602{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-237 .elementor-element.elementor-element-4fe2602:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-4fe2602 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A83411;}.elementor-237 .elementor-element.elementor-element-310b079{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-237 .elementor-element.elementor-element-a66267b{--display:flex;--min-height:706px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-237 .elementor-element.elementor-element-a66267b:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-a66267b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_48_a5614e_a7574a0a3ee0482fae457201db88e0fbmv2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-237 .elementor-element.elementor-element-b8b39a5{--display:flex;--position:absolute;--min-height:178px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:420px;--z-index:1;}.elementor-237 .elementor-element.elementor-element-b8b39a5:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-b8b39a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-237 .elementor-element.elementor-element-b8b39a5.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-b8b39a5{left:0px;}body.rtl .elementor-237 .elementor-element.elementor-element-b8b39a5{right:0px;}.elementor-237 .elementor-element.elementor-element-aa8f656 .elementor-button{background-color:#FFFFFF00;font-family:"Kumbh Sans", Sans-serif;font-size:35px;font-weight:400;text-transform:none;font-style:normal;line-height:1.4em;fill:#332222;color:#332222;border-style:solid;border-width:3px 3px 3px 3px;border-color:#A83411;border-radius:0px 0px 0px 0px;padding:285% 20% 10% 20%;}.elementor-237 .elementor-element.elementor-element-aa8f656{width:var( --container-widget-width, 14% );max-width:14%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;--container-widget-width:14%;--container-widget-flex-grow:0;z-index:1;}.elementor-237 .elementor-element.elementor-element-aa8f656.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-286e7c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-286e7c7:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-286e7c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E6E6;}.elementor-237 .elementor-element.elementor-element-286e7c7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-78d113f{width:var( --container-widget-width, 64.927% );max-width:64.927%;--container-widget-width:64.927%;--container-widget-flex-grow:0;}.elementor-237 .elementor-element.elementor-element-78d113f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-78d113f .elementor-heading-title{font-family:"Din-neuget-groteskk", Sans-serif;font-size:30px;font-weight:600;letter-spacing:-2.3px;color:#A83411;}.elementor-237 .elementor-element.elementor-element-123b6a7{--spacer-size:50px;}.elementor-237 .elementor-element.elementor-element-7aca1a5{--display:flex;--min-height:706px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-237 .elementor-element.elementor-element-7aca1a5:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-7aca1a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_49_f40211_8b70ab22a6ce4d798de732fe203ab2ffmv2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-237 .elementor-element.elementor-element-f4e9b0d{--display:flex;--position:absolute;--min-height:178px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:420px;--z-index:1;}.elementor-237 .elementor-element.elementor-element-f4e9b0d:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-f4e9b0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-237 .elementor-element.elementor-element-f4e9b0d.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-f4e9b0d{left:0px;}body.rtl .elementor-237 .elementor-element.elementor-element-f4e9b0d{right:0px;}.elementor-237 .elementor-element.elementor-element-7a0af7e .elementor-button{background-color:#FFFFFF00;font-family:"Kumbh Sans", Sans-serif;font-size:35px;font-weight:400;text-transform:none;font-style:normal;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:285% 20% 10% 20%;}.elementor-237 .elementor-element.elementor-element-7a0af7e{width:var( --container-widget-width, 14% );max-width:14%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;--container-widget-width:14%;--container-widget-flex-grow:0;z-index:1;}.elementor-237 .elementor-element.elementor-element-7a0af7e.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-2a63834{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-2a63834:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-2a63834 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-2a63834.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-6a8a927{width:var( --container-widget-width, 64.927% );max-width:64.927%;--container-widget-width:64.927%;--container-widget-flex-grow:0;}.elementor-237 .elementor-element.elementor-element-6a8a927.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-6a8a927 .elementor-heading-title{font-family:"Din-neuget-groteskk", Sans-serif;font-size:30px;font-weight:600;letter-spacing:-2.3px;color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-69257a5{--spacer-size:50px;}.elementor-237 .elementor-element.elementor-element-a9531b7{--display:flex;--min-height:706px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-237 .elementor-element.elementor-element-a9531b7:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-a9531b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_50_f40211_69c76f5d126e44eba5868451f5129d14mv2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-237 .elementor-element.elementor-element-a36052a{--display:flex;--position:absolute;--min-height:178px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:420px;--z-index:1;}.elementor-237 .elementor-element.elementor-element-a36052a:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-a36052a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-237 .elementor-element.elementor-element-a36052a.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-a36052a{left:0px;}body.rtl .elementor-237 .elementor-element.elementor-element-a36052a{right:0px;}.elementor-237 .elementor-element.elementor-element-fe41fbe .elementor-button{background-color:#FFFFFF00;font-family:"Kumbh Sans", Sans-serif;font-size:35px;font-weight:400;text-transform:none;font-style:normal;line-height:1.4em;fill:#332222;color:#332222;border-style:solid;border-width:3px 3px 3px 3px;border-color:#A83411;border-radius:0px 0px 0px 0px;padding:285% 20% 10% 20%;}.elementor-237 .elementor-element.elementor-element-fe41fbe{width:var( --container-widget-width, 14% );max-width:14%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;--container-widget-width:14%;--container-widget-flex-grow:0;z-index:1;}.elementor-237 .elementor-element.elementor-element-fe41fbe.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-44d85e3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-44d85e3:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-44d85e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E6E6;}.elementor-237 .elementor-element.elementor-element-44d85e3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-a9d2bc2{width:var( --container-widget-width, 64.927% );max-width:64.927%;--container-widget-width:64.927%;--container-widget-flex-grow:0;}.elementor-237 .elementor-element.elementor-element-a9d2bc2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-a9d2bc2 .elementor-heading-title{font-family:"Din-neuget-groteskk", Sans-serif;font-size:30px;font-weight:600;letter-spacing:-2.3px;color:#A83411;}.elementor-237 .elementor-element.elementor-element-8450f0d{--spacer-size:50px;}.elementor-237 .elementor-element.elementor-element-122a131{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-2f0d7b8{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-2f0d7b8:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-2f0d7b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 45%, var( --e-global-color-secondary ) 24%);}.elementor-237 .elementor-element.elementor-element-a5695e6{--display:flex;--min-height:500px;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-237 .elementor-element.elementor-element-a5695e6.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-aca68b6{--display:flex;--min-height:350px;}.elementor-237 .elementor-element.elementor-element-e3e264d .elementor-heading-title{font-family:"Din-neuget-groteskk", Sans-serif;font-size:60px;font-weight:400;line-height:75px;color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-91ae3ca .elementor-heading-title{font-family:"Din-neuget-groteskk", Sans-serif;font-size:80px;font-weight:400;}.elementor-237 .elementor-element.elementor-element-2d0302a .elementor-heading-title{font-family:"Din-neuget-groteskk", Sans-serif;font-size:40px;font-weight:400;}.elementor-237 .elementor-element.elementor-element-ac0b1a7 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Avenir", Sans-serif;font-size:16px;font-weight:300;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#AF3E21;border-radius:0px 0px 0px 0px;padding:12px 30px 12px 30px;}.elementor-237 .elementor-element.elementor-element-ac0b1a7 .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-ac0b1a7 .elementor-button:focus{background-color:#AF3E21;color:var( --e-global-color-secondary );border-color:#AF3E21;}.elementor-237 .elementor-element.elementor-element-ac0b1a7{width:var( --container-widget-width, 70% );max-width:70%;padding:20px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-237 .elementor-element.elementor-element-ac0b1a7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-ac0b1a7 .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-ac0b1a7 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-1859ed2{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-237 .elementor-element.elementor-element-532bf20{--display:flex;--min-height:300px;--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-237 .elementor-element.elementor-element-4dad8b3{--display:flex;}.elementor-237 .elementor-element.elementor-element-4dad8b3:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-4dad8b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E6E6;}.elementor-237 .elementor-element.elementor-element-0323919{padding:6px 0px 6px 0px;}.elementor-237 .elementor-element.elementor-element-0323919 img{width:95%;height:500px;}.elementor-237 .elementor-element.elementor-element-2584fd1{--display:flex;--position:absolute;--min-height:440px;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--margin-top:60px;--margin-bottom:0px;--margin-left:60px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-2584fd1{left:0px;}body.rtl .elementor-237 .elementor-element.elementor-element-2584fd1{right:0px;}.elementor-237 .elementor-element.elementor-element-30ebc34{--display:flex;}.elementor-237 .elementor-element.elementor-element-d6d64fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-a504f7c{--display:flex;--min-height:526px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.64;--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-237 .elementor-element.elementor-element-a504f7c::before, .elementor-237 .elementor-element.elementor-element-a504f7c > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-a504f7c > .e-con-inner > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-a504f7c > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-a504f7c > .e-con-inner > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-a504f7c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-237 .elementor-element.elementor-element-a504f7c.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-cb7ce77{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-237 .elementor-element.elementor-element-ddc9656{--display:flex;}.elementor-237 .elementor-element.elementor-element-ac9c9f7{text-align:center;}.elementor-237 .elementor-element.elementor-element-ac9c9f7 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:60px;font-weight:400;color:#FFFFFF;}.elementor-237 .elementor-element.elementor-element-fc12211{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-237 .elementor-element.elementor-element-5bf3a21{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-5bf3a21.e-con{--align-self:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-237 .elementor-element.elementor-element-7b9009b{width:100%;max-width:100%;background-color:#FFFFFF85;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 0px;border-style:none;border-radius:35px 35px 35px 35px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-237 .elementor-element.elementor-element-7b9009b:hover{background-color:#FFFFFF85;}.elementor-237 .elementor-element.elementor-element-7b9009b.elementor-element{--align-self:center;}.elementor-237 .elementor-element.elementor-element-7b9009b.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:0px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-0px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-group.recaptcha_v3-bottomleft, .elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-237 .elementor-element.elementor-element-7b9009b .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-7b9009b .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-237 .elementor-element.elementor-element-7b9009b .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-type-html{padding-bottom:0px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-group .elementor-field, .elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-subgroup label{font-family:"San-Serif", Sans-serif;font-weight:400;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-width:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-group .elementor-select-wrapper select{border-width:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-button{font-family:"Questrial", Sans-serif;font-weight:500;border-radius:30px 30px 30px 30px;}.elementor-237 .elementor-element.elementor-element-7b9009b .e-form__buttons__wrapper__button-next{background-color:#FFFFFF;color:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-button[type="submit"]{background-color:#FFFFFF;color:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-button[type="submit"] svg *{fill:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-7b9009b .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-237 .elementor-element.elementor-element-7b9009b .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-7b9009b .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-237 .elementor-element.elementor-element-58f1236{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-34e8a36{--display:flex;--min-height:550px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-237 .elementor-element.elementor-element-34e8a36:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-34e8a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://projects.ummetahura.com/wp-content/uploads/2025/10/imgi_53_a5614e_06fa2e8b61064b3cb22c29a2a3c58756mv2-1.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-237 .elementor-element.elementor-element-34e8a36.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-5472f67{--display:flex;}.elementor-237 .elementor-element.elementor-element-5691846{--display:flex;--min-height:80px;}.elementor-237 .elementor-element.elementor-element-4f8f7c9{text-align:center;}.elementor-237 .elementor-element.elementor-element-4f8f7c9 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-237 .elementor-element.elementor-element-ceec6fa{--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-237 .elementor-element.elementor-element-562c27a{--display:flex;--min-height:320px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:14px 0px;--row-gap:14px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--border-radius:0px 30px 0px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-237 .elementor-element.elementor-element-562c27a:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-562c27a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-562c27a.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-a80c326 img{width:45%;}.elementor-237 .elementor-element.elementor-element-02d213f{text-align:center;}.elementor-237 .elementor-element.elementor-element-02d213f .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-9c2a446{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Questrial", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#000000;}.elementor-237 .elementor-element.elementor-element-95882a1{--display:flex;--min-height:320px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:14px 0px;--row-gap:14px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--border-radius:0px 30px 0px 30px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-237 .elementor-element.elementor-element-95882a1:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-95882a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-95882a1.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-2572ce5 img{width:45%;}.elementor-237 .elementor-element.elementor-element-273b3d2{text-align:center;}.elementor-237 .elementor-element.elementor-element-273b3d2 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-7e9166f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Questrial", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#000000;}.elementor-237 .elementor-element.elementor-element-f6ea095{--display:flex;--min-height:320px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:14px 0px;--row-gap:14px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--border-radius:0px 30px 0px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-237 .elementor-element.elementor-element-f6ea095:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-f6ea095 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-f6ea095.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-5d8829a img{width:45%;}.elementor-237 .elementor-element.elementor-element-d8e298e{text-align:center;}.elementor-237 .elementor-element.elementor-element-d8e298e .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-c479fc8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Questrial", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#000000;}.elementor-237 .elementor-element.elementor-element-9536311{--display:flex;--min-height:320px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:14px 0px;--row-gap:14px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A83411;--border-color:#A83411;--border-radius:0px 30px 0px 30px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-237 .elementor-element.elementor-element-9536311:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-9536311 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-237 .elementor-element.elementor-element-9536311.e-con{--align-self:center;}.elementor-237 .elementor-element.elementor-element-9245738 img{width:45%;}.elementor-237 .elementor-element.elementor-element-7b6520f{text-align:center;}.elementor-237 .elementor-element.elementor-element-7b6520f .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-b27288b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Questrial", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#000000;}@media(max-width:1024px){.elementor-237 .elementor-element.elementor-element-8086594{--min-height:460px;}.elementor-237 .elementor-element.elementor-element-3b50784{--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-237 .elementor-element.elementor-element-c15d057 .elementor-heading-title{font-size:14px;}.elementor-237 .elementor-element.elementor-element-0813b80{padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-0813b80 .elementor-heading-title{font-size:30px;}.elementor-237 .elementor-element.elementor-element-e8f9561{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;}.elementor-237 .elementor-element.elementor-element-9bc9eed{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-1b57415{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-2ef214d{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-bef1fb9{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-aa46727{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-ad31a6d{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-7881e3d{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-77cd86e{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-be78ad6{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-0597132{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-5e67875{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-9d7668a{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-3775cce{--e-n-carousel-swiper-slides-to-display:2;}.elementor-237 .elementor-element.elementor-element-ea2f5a9{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-7cbeccb{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-7c4a94d .elementor-heading-title{font-size:32px;line-height:36px;}.elementor-237 .elementor-element.elementor-element-0b09c96{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-4e0d7fc{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-0970334{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-33b9278{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-59dfdb7{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-da1359f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-237 .elementor-element.elementor-element-2ca38dc{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-2e4199b{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-c1e9aea .elementor-heading-title{font-size:32px;line-height:36px;}.elementor-237 .elementor-element.elementor-element-025ab4b{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-fb1f9e0{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-4b001cb{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-dde996a{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-edc68c2{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-4699e86{--e-n-carousel-swiper-slides-to-display:2;}.elementor-237 .elementor-element.elementor-element-c93676c{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-310b079{--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-237 .elementor-element.elementor-element-e3e264d .elementor-heading-title{font-size:40px;}.elementor-237 .elementor-element.elementor-element-91ae3ca .elementor-heading-title{font-size:40px;}.elementor-237 .elementor-element.elementor-element-2d0302a .elementor-heading-title{font-size:30px;}.elementor-237 .elementor-element.elementor-element-ac0b1a7{padding:0px 40px 0px 40px;}.elementor-237 .elementor-element.elementor-element-ac0b1a7 .elementor-button{font-size:12px;padding:8px 8px 8px 8px;}.elementor-237 .elementor-element.elementor-element-ac9c9f7 .elementor-heading-title{font-size:40px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-group .elementor-field, .elementor-237 .elementor-element.elementor-element-7b9009b .elementor-field-subgroup label{font-size:10px;}.elementor-237 .elementor-element.elementor-element-7b9009b .elementor-button{font-size:12px;}.elementor-237 .elementor-element.elementor-element-4f8f7c9 .elementor-heading-title{font-size:30px;}.elementor-237 .elementor-element.elementor-element-562c27a{--min-height:150px;}.elementor-237 .elementor-element.elementor-element-02d213f .elementor-heading-title{font-size:14px;}.elementor-237 .elementor-element.elementor-element-95882a1{--min-height:150px;}.elementor-237 .elementor-element.elementor-element-273b3d2 .elementor-heading-title{font-size:14px;}.elementor-237 .elementor-element.elementor-element-f6ea095{--min-height:150px;}.elementor-237 .elementor-element.elementor-element-d8e298e .elementor-heading-title{font-size:14px;}.elementor-237 .elementor-element.elementor-element-9536311{--min-height:150px;}.elementor-237 .elementor-element.elementor-element-7b6520f .elementor-heading-title{font-size:6px;}}@media(max-width:767px){.elementor-237 .elementor-element.elementor-element-3775cce{--e-n-carousel-swiper-slides-to-display:1;}.elementor-237 .elementor-element.elementor-element-ea2f5a9 .elementor-button{padding:10px 0px 10px 0px;}.elementor-237 .elementor-element.elementor-element-7c4a94d .elementor-heading-title{font-size:28px;line-height:28px;}.elementor-237 .elementor-element.elementor-element-da1359f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-237 .elementor-element.elementor-element-2ca38dc .elementor-button{padding:10px 0px 10px 0px;}.elementor-237 .elementor-element.elementor-element-c1e9aea .elementor-heading-title{font-size:28px;line-height:28px;}.elementor-237 .elementor-element.elementor-element-4699e86{--e-n-carousel-swiper-slides-to-display:1;}.elementor-237 .elementor-element.elementor-element-c93676c .elementor-button{padding:10px 0px 10px 0px;}.elementor-237 .elementor-element.elementor-element-ac0b1a7 .elementor-button{padding:10px 0px 10px 0px;}}@media(min-width:768px){.elementor-237 .elementor-element.elementor-element-c75d98c{--width:90%;}.elementor-237 .elementor-element.elementor-element-780ed7c{--width:10%;}.elementor-237 .elementor-element.elementor-element-6cafa54{--width:10%;}.elementor-237 .elementor-element.elementor-element-3b50784{--width:90%;}.elementor-237 .elementor-element.elementor-element-98ab87e{--width:99%;}.elementor-237 .elementor-element.elementor-element-b8b39a5{--width:90%;}.elementor-237 .elementor-element.elementor-element-286e7c7{--width:85%;}.elementor-237 .elementor-element.elementor-element-f4e9b0d{--width:90%;}.elementor-237 .elementor-element.elementor-element-2a63834{--width:85%;}.elementor-237 .elementor-element.elementor-element-a36052a{--width:90%;}.elementor-237 .elementor-element.elementor-element-44d85e3{--width:85%;}.elementor-237 .elementor-element.elementor-element-a5695e6{--width:100%;}.elementor-237 .elementor-element.elementor-element-aca68b6{--width:70%;}.elementor-237 .elementor-element.elementor-element-532bf20{--width:70%;}.elementor-237 .elementor-element.elementor-element-4dad8b3{--width:85%;}.elementor-237 .elementor-element.elementor-element-2584fd1{--width:80%;}.elementor-237 .elementor-element.elementor-element-cb7ce77{--width:65%;}.elementor-237 .elementor-element.elementor-element-5bf3a21{--width:70%;}.elementor-237 .elementor-element.elementor-element-5472f67{--width:80%;}.elementor-237 .elementor-element.elementor-element-562c27a{--width:100%;}.elementor-237 .elementor-element.elementor-element-95882a1{--width:100%;}.elementor-237 .elementor-element.elementor-element-f6ea095{--width:100%;}.elementor-237 .elementor-element.elementor-element-9536311{--width:100%;}}@media(min-width:1025px){.elementor-237 .elementor-element.elementor-element-34e8a36:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-34e8a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd0b7d7 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cd0b7d7 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cd0b7d7:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db37845 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db37845 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db37845:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7216b8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f7216b8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f7216b8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e5b9e3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1e5b9e3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1e5b9e3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c957f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-05c957f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-05c957f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7114 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3bd7114 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3bd7114:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2b3b67 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c2b3b67 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c2b3b67:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a42e0a2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a42e0a2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a42e0a2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d6811d *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9d6811d {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9d6811d:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a203689 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a203689 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a203689:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c632f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-50c632f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-50c632f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f172aa3 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f172aa3 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f172aa3:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da11c88 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-da11c88 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-da11c88:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6499ce8 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6499ce8 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6499ce8:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28fcf *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ee28fcf {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ee28fcf:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb7f474 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bb7f474 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bb7f474:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fafcbad *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fafcbad {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fafcbad:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2b3ad6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a2b3ad6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a2b3ad6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2788ca *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-b2788ca {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-b2788ca:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b050b0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2b050b0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2b050b0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4b8707 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-f4b8707 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-f4b8707:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ddf3f *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-c3ddf3f {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-c3ddf3f:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff21647 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ff21647 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ff21647:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e00227 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e00227 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e00227:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d71e25 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2d71e25 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2d71e25:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fae391e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fae391e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fae391e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f3fbc6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-5f3fbc6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-5f3fbc6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14cd09c *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-14cd09c {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-14cd09c:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8db0fe0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-8db0fe0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-8db0fe0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dc1bb *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-20dc1bb {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-20dc1bb:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-147c734 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-147c734 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-147c734:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9778a42 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9778a42 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9778a42:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff21647 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ff21647 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ff21647:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e00227 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e00227 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e00227:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d71e25 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2d71e25 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2d71e25:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fae391e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fae391e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fae391e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f3fbc6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-5f3fbc6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-5f3fbc6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14cd09c *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-14cd09c {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-14cd09c:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8db0fe0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-8db0fe0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-8db0fe0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dc1bb *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-20dc1bb {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-20dc1bb:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-147c734 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-147c734 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-147c734:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9778a42 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9778a42 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9778a42:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff21647 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ff21647 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ff21647:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e00227 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e00227 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e00227:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d71e25 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2d71e25 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2d71e25:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fae391e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fae391e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fae391e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f3fbc6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-5f3fbc6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-5f3fbc6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14cd09c *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-14cd09c {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-14cd09c:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8db0fe0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-8db0fe0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-8db0fe0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dc1bb *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-20dc1bb {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-20dc1bb:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-147c734 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-147c734 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-147c734:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9778a42 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9778a42 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9778a42:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff21647 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ff21647 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ff21647:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e00227 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e00227 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e00227:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d71e25 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2d71e25 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2d71e25:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fae391e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fae391e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fae391e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f3fbc6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-5f3fbc6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-5f3fbc6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14cd09c *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-14cd09c {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-14cd09c:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8db0fe0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-8db0fe0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-8db0fe0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dc1bb *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-20dc1bb {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-20dc1bb:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-147c734 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-147c734 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-147c734:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9778a42 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9778a42 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9778a42:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff21647 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ff21647 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ff21647:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e00227 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e00227 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e00227:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d71e25 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2d71e25 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2d71e25:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fae391e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fae391e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fae391e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f3fbc6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-5f3fbc6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-5f3fbc6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14cd09c *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-14cd09c {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-14cd09c:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8db0fe0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-8db0fe0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-8db0fe0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dc1bb *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-20dc1bb {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-20dc1bb:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-147c734 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-147c734 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-147c734:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9778a42 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9778a42 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9778a42:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff21647 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-ff21647 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-ff21647:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e00227 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e00227 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e00227:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d71e25 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-2d71e25 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-2d71e25:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fae391e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-fae391e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-fae391e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f3fbc6 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-5f3fbc6 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-5f3fbc6:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14cd09c *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-14cd09c {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-14cd09c:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8db0fe0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-8db0fe0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-8db0fe0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dc1bb *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-20dc1bb {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-20dc1bb:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-147c734 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-147c734 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-147c734:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9778a42 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-9778a42 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-9778a42:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acf8400 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-acf8400 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-acf8400:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db74ba2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db74ba2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db74ba2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43c88e5 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-43c88e5 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-43c88e5:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc3215 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cbc3215 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cbc3215:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3be2951 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3be2951 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3be2951:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b58c4 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-e3b58c4 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-e3b58c4:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fea79e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1fea79e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1fea79e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc39dd0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bc39dd0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bc39dd0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e676b9 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e676b9 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e676b9:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a90ad92 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a90ad92 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a90ad92:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acf8400 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-acf8400 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-acf8400:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db74ba2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db74ba2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db74ba2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43c88e5 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-43c88e5 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-43c88e5:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc3215 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cbc3215 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cbc3215:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3be2951 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3be2951 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3be2951:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b58c4 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-e3b58c4 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-e3b58c4:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fea79e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1fea79e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1fea79e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc39dd0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bc39dd0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bc39dd0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e676b9 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e676b9 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e676b9:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a90ad92 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a90ad92 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a90ad92:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acf8400 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-acf8400 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-acf8400:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db74ba2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db74ba2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db74ba2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43c88e5 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-43c88e5 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-43c88e5:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc3215 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cbc3215 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cbc3215:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3be2951 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3be2951 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3be2951:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b58c4 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-e3b58c4 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-e3b58c4:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fea79e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1fea79e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1fea79e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc39dd0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bc39dd0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bc39dd0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e676b9 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e676b9 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e676b9:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a90ad92 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a90ad92 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a90ad92:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acf8400 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-acf8400 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-acf8400:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db74ba2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db74ba2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db74ba2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43c88e5 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-43c88e5 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-43c88e5:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc3215 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cbc3215 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cbc3215:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3be2951 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3be2951 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3be2951:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b58c4 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-e3b58c4 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-e3b58c4:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fea79e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1fea79e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1fea79e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc39dd0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bc39dd0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bc39dd0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e676b9 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e676b9 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e676b9:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a90ad92 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a90ad92 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a90ad92:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acf8400 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-acf8400 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-acf8400:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db74ba2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db74ba2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db74ba2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43c88e5 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-43c88e5 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-43c88e5:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc3215 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cbc3215 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cbc3215:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3be2951 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3be2951 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3be2951:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b58c4 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-e3b58c4 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-e3b58c4:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fea79e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1fea79e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1fea79e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc39dd0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bc39dd0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bc39dd0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e676b9 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e676b9 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e676b9:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a90ad92 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a90ad92 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a90ad92:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acf8400 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-acf8400 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-acf8400:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db74ba2 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-db74ba2 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-db74ba2:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43c88e5 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-43c88e5 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-43c88e5:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc3215 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-cbc3215 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-cbc3215:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3be2951 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-3be2951 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-3be2951:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b58c4 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-e3b58c4 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-e3b58c4:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fea79e *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-1fea79e {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-1fea79e:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc39dd0 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-bc39dd0 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-bc39dd0:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e676b9 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-6e676b9 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 15px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-6e676b9:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a90ad92 *//* --- ১. মূল কন্টেইনারকে সেট করা --- */
/* এটি ছবির এবং বাটনের প্যারেন্ট কন্টেইনার */
.elementor-237 .elementor-element.elementor-element-a90ad92 {
    position: relative; /* বাটনকে পজিশন করার জন্য এটি দরকার */
    overflow: hidden; /* বাইরে চলে যাওয়া অংশ লুকানোর জন্য */
    /* যদি আপনার কন্টেইনারে প্যাডিং বা মার্জিন থাকে যা ছবির আকারের সাথে সমস্যা করছে, 
       তাহলে এখানে `padding: 0; margin: 0;` যোগ করতে পারেন। */
}

/* --- ২. প্রথমে বাটনটিকে নিচে নামিয়ে লুকিয়ে ফেলুন --- */
.my-quick-view { /* আপনার বাটনে এই ক্লাসটি দেওয়া আছে */
    /* এটি বাটনটিকে কন্টেইনারের নিচে রাখবে */
    position: absolute;
    bottom: 0; /* ছবির একদম নিচে */
    left: 0;
    width: 100%; /* ছবির পুরো প্রস্থ জুড়ে */

    /* স্লাইড করে নিচে নামানোর জন্য */
    transform: translateY(100%);
    
    /* অদৃশ্য করার জন্য */
    opacity: 0;
    visibility: hidden;

    /* অ্যানিমেশনটি মসৃণ করার জন্য */
    transition: all 0.3s ease-in-out;
    
    /* আপনার বাটনের স্টাইল (ঐচ্ছিক) */
    background: rgba(255, 255, 255, 0.8); /* হালকা সাদা ব্যাকগ্রাউন্ড */
    color: #333; /* লেখার রঙ */
    padding: 10px 0; /* প্যাডিং */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none; /* যদি বাটন উইজেট ব্যবহার করেন */
    cursor: pointer; /* ক্লিক করা যাবে বোঝাতে */
    box-sizing: border-box; /* প্যাডিং যেন প্রস্থ না বাড়ায় */
}

/* --- ৩. যখন মূল কন্টেইনারে হোভার করা হবে --- */
.elementor-237 .elementor-element.elementor-element-a90ad92:hover .my-quick-view {
    
    /* বাটনটিকে তার আসল জায়গায় (উপরে) স্লাইড করুন */
    transform: translateY(0); 

    /* বাটনটিকে দৃশ্যমান করুন */
    opacity: 1;
    visibility: visible;
}/* End custom CSS */