.elementor-22 .elementor-element.elementor-element-5077109{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:stretch;}.elementor-22 .elementor-element.elementor-element-5077109:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-5077109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-9f4dd14{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-9f4dd14::before, .elementor-22 .elementor-element.elementor-element-9f4dd14 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-9f4dd14 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-9f4dd14 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-9f4dd14 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-9f4dd14 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-25d80c7.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-d4ed706{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:0%;}.elementor-22 .elementor-element.elementor-element-d4ed706.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-c05f53c{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;text-align:start;}.elementor-22 .elementor-element.elementor-element-c05f53c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 12px 0px;}.elementor-22 .elementor-element.elementor-element-c05f53c.elementor-element{--align-self:stretch;}.elementor-22 .elementor-element.elementor-element-c05f53c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0.5px;word-spacing:0px;color:#91490E;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-22 .elementor-element.elementor-element-29c8b26 .elementor-button{background-color:#91490E;font-family:"Inter", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0.5px;word-spacing:0px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-29c8b26.elementor-element{--align-self:flex-start;}.elementor-22 .elementor-element.elementor-element-29c8b26 .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-29c8b26 .elementor-button:focus{color:var( --e-global-color-0ad44b0 );}.elementor-22 .elementor-element.elementor-element-29c8b26 .elementor-button:hover svg, .elementor-22 .elementor-element.elementor-element-29c8b26 .elementor-button:focus svg{fill:var( --e-global-color-0ad44b0 );}.elementor-22 .elementor-element.elementor-element-e4b96b9{--display:flex;--align-items:flex-end;--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-22 .elementor-element.elementor-element-e4b96b9:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-e4b96b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bnbeautylab.com/wp-content/uploads/2025/10/bn-beauty-lab.webp");background-repeat:no-repeat;background-size:contain;}.elementor-22 .elementor-element.elementor-element-c5531db{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-c5531db:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-c5531db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-1d1f768{--display:flex;}.elementor-22 .elementor-element.elementor-element-4d0e508{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;text-align:start;}.elementor-22 .elementor-element.elementor-element-4d0e508 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 12px 0px;}.elementor-22 .elementor-element.elementor-element-4d0e508.elementor-element{--align-self:stretch;}.elementor-22 .elementor-element.elementor-element-4d0e508 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0.5px;word-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#91490E;}.elementor-22 .elementor-element.elementor-element-109ff5a .elementor-button{background-color:#91490E;font-family:"Inter", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0.5px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-109ff5a.elementor-element{--align-self:flex-start;}.elementor-22 .elementor-element.elementor-element-109ff5a .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-109ff5a .elementor-button:focus{color:var( --e-global-color-0ad44b0 );}.elementor-22 .elementor-element.elementor-element-109ff5a .elementor-button:hover svg, .elementor-22 .elementor-element.elementor-element-109ff5a .elementor-button:focus svg{fill:var( --e-global-color-0ad44b0 );}.elementor-22 .elementor-element.elementor-element-e0abaf6{--display:flex;}.elementor-22 .elementor-element.elementor-element-1c24c63{--display:flex;--min-height:50vh;--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-22 .elementor-element.elementor-element-e4022b0{--grid-columns:3;}.elementor-22 .elementor-element.elementor-element-e4022b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-e4022b0 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-22 .elementor-element.elementor-element-e4022b0 .e-loop-item > .elementor-section, .elementor-22 .elementor-element.elementor-element-e4022b0 .e-loop-item > .elementor-section > .elementor-container, .elementor-22 .elementor-element.elementor-element-e4022b0 .e-loop-item > .e-con, .elementor-22 .elementor-element.elementor-element-e4022b0 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-22 .elementor-element.elementor-element-8dbc9af{--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:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-8dbc9af:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-8dbc9af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-22 .elementor-element.elementor-element-e69b4a4{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;top:60%;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-e69b4a4{left:60%;}body.rtl .elementor-22 .elementor-element.elementor-element-e69b4a4{right:60%;}.elementor-22 .elementor-element.elementor-element-c5d8c59{--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;}.elementor-22 .elementor-element.elementor-element-c5d8c59:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-c5d8c59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-21d1699{--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;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-2b913d9{left:0px;}body.rtl .elementor-22 .elementor-element.elementor-element-2b913d9{right:0px;}.elementor-22 .elementor-element.elementor-element-2b913d9{top:-150px;}.elementor-22 .elementor-element.elementor-element-a9809f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:7em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-22 .elementor-element.elementor-element-32dbe36{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.1px;word-spacing:0px;color:#000000;}.elementor-22 .elementor-element.elementor-element-f02422d .elementor-button{background-color:#91490E;font-family:"Inter", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0.5px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-656f19f{--display:flex;--min-height:690px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:164px;--padding-bottom:164px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-4fc2430d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-4fc2430d.e-con{--align-self:flex-end;}.elementor-22 .elementor-element.elementor-element-1b998c6 > .elementor-widget-container{margin:0px -112px 0px 0px;}.elementor-22 .elementor-element.elementor-element-1b998c6{z-index:1;}.elementor-22 .elementor-element.elementor-element-1b998c6 img{width:90%;}.elementor-22 .elementor-element.elementor-element-75386ee9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.3;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-22 .elementor-element.elementor-element-75386ee9:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-75386ee9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#91490E;}.elementor-22 .elementor-element.elementor-element-75386ee9::before, .elementor-22 .elementor-element.elementor-element-75386ee9 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-75386ee9 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-75386ee9 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-75386ee9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-75386ee9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-df13810{--display:flex;--padding-top:6em;--padding-bottom:6em;--padding-left:3em;--padding-right:4em;}.elementor-widget-blockquote .elementor-blockquote__content{color:var( --e-global-color-text );}.elementor-widget-blockquote .elementor-blockquote__author{color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-d5f7ebc .elementor-blockquote__content{color:#FFFFFF;font-size:30px;}.elementor-22 .elementor-element.elementor-element-d5f7ebc .elementor-blockquote:before{font-size:calc(1px * 100);}.elementor-22 .elementor-element.elementor-element-6d5c4c5 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0.5px;word-spacing:0px;fill:#000000;color:#000000;}.elementor-22 .elementor-element.elementor-element-6d5c4c5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-6d5c4c5 .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-6d5c4c5 .elementor-button:focus{color:var( --e-global-color-0ad44b0 );}.elementor-22 .elementor-element.elementor-element-6d5c4c5 .elementor-button:hover svg, .elementor-22 .elementor-element.elementor-element-6d5c4c5 .elementor-button:focus svg{fill:var( --e-global-color-0ad44b0 );}.elementor-22 .elementor-element.elementor-element-f35821e{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-22 .elementor-element.elementor-element-60e89b2{--display:flex;--min-height:60vh;--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;--align-items:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-5077109{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-22 .elementor-element.elementor-element-c05f53c .elementor-heading-title{font-size:23px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-22 .elementor-element.elementor-element-c5531db{--min-height:600px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-1d1f768{--justify-content:center;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-22 .elementor-element.elementor-element-4d0e508 .elementor-heading-title{font-size:23px;}.elementor-22 .elementor-element.elementor-element-e0abaf6:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-e0abaf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bnbeautylab.com/wp-content/uploads/2025/10/bn-beauty-lab.webp");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-22 .elementor-element.elementor-element-e4022b0{--grid-columns:2;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-e69b4a4{left:74%;}body.rtl .elementor-22 .elementor-element.elementor-element-e69b4a4{right:74%;}.elementor-22 .elementor-element.elementor-element-e69b4a4{top:72%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-22 .elementor-element.elementor-element-32dbe36 > .elementor-widget-container{padding:0px 24px 0px 24px;}.elementor-22 .elementor-element.elementor-element-656f19f{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-4fc2430d{--min-height:568px;}.elementor-22 .elementor-element.elementor-element-1b998c6 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-75386ee9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-5077109{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-22 .elementor-element.elementor-element-c05f53c .elementor-heading-title{font-size:16px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-22 .elementor-element.elementor-element-c5531db{--min-height:370px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-1d1f768{--justify-content:center;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-22 .elementor-element.elementor-element-4d0e508 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-4d0e508 .elementor-heading-title{font-size:32px;}.elementor-22 .elementor-element.elementor-element-109ff5a .elementor-button{font-size:16px;}.elementor-22 .elementor-element.elementor-element-e0abaf6:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-e0abaf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bnbeautylab.com/wp-content/uploads/2025/10/bn-beauty-lab.webp");background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-22 .elementor-element.elementor-element-e0abaf6{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-22 .elementor-element.elementor-element-1c24c63{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-22 .elementor-element.elementor-element-e4022b0{--grid-columns:2;}.elementor-22 .elementor-element.elementor-element-e4022b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:64px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-22 .elementor-element.elementor-element-e69b4a4{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;top:92%;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-e69b4a4{left:160px;}body.rtl .elementor-22 .elementor-element.elementor-element-e69b4a4{right:160px;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-2b913d9{left:35px;}body.rtl .elementor-22 .elementor-element.elementor-element-2b913d9{right:35px;}.elementor-22 .elementor-element.elementor-element-a9809f4{--padding-top:25em;--padding-bottom:6em;--padding-left:2em;--padding-right:2em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-22 .elementor-element.elementor-element-656f19f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-4fc2430d{--min-height:300px;}.elementor-22 .elementor-element.elementor-element-1b998c6 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-75386ee9{--padding-top:15%;--padding-bottom:15%;--padding-left:15%;--padding-right:15%;}.elementor-22 .elementor-element.elementor-element-df13810{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-22 .elementor-element.elementor-element-6d5c4c5 > .elementor-widget-container{padding:16px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-f35821e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:10%;--padding-left:2%;--padding-right:2%;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-21d1699{--width:35%;}.elementor-22 .elementor-element.elementor-element-a9809f4{--width:57%;}.elementor-22 .elementor-element.elementor-element-4fc2430d{--width:50%;}.elementor-22 .elementor-element.elementor-element-75386ee9{--width:50%;}.elementor-22 .elementor-element.elementor-element-60e89b2{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-4fc2430d{--width:100%;}.elementor-22 .elementor-element.elementor-element-75386ee9{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-e69b4a4 */.elementor-22 .elementor-element.elementor-element-e69b4a4 {
    transform: rotate(-5deg)
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8dbc9af */.elementor-22 .elementor-element.elementor-element-8dbc9af {
    min-height: 30rem;
}/* End custom CSS */
/* Start custom CSS *//* ================================================
   Film Roll Scroll Effect - WordPress/Elementor
   ================================================ */

/* Parent container - Hero section wrapper */
.hero-section-wrapper {
  position: relative !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

/* LEFT SIDE - Film roll with scrollable image */
.hero-film-roll {
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  --scroll-offset: 0px;
}

/* Image wrapper - simple container */
.hero-film-roll-image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}

/* Actual IMG element - this is what moves */
.hero-film-roll img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
  object-position: bottom center;
  transform: translateY(var(--scroll-offset));
  will-change: transform;
  transition: transform 0.05s linear;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* CENTER - Content area */
.hero-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100vh !important;
  z-index: 10;
}

.hero-center .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}

/* RIGHT SIDE - Background image area */
.hero-right {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  height: 100vh !important;
  background-size: contain !important;
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hero-right .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Scroll progress indicator */
.scroll-progress {
  position: fixed;
  bottom: 2rem;
  left: 16.5%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  z-index: 999;
  opacity: 0.8;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.scroll-progress.hidden {
  opacity: 0;
}

.scroll-progress svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.scroll-progress circle {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  stroke-dasharray: 157;
  stroke-dashoffset: 157;
  transition: stroke-dashoffset 0.1s linear;
}

/* ================================================
   TABLET RESPONSIVE (≤1024px but >768px)
   ================================================ */
@media (max-width: 1024px) and (min-width: 769px) {
  /* Use mobile layout for tablet */
  .hero-section-wrapper {
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    display: flex !important;
    padding: 0 !important;
  }

  /* Film roll - Full width with scrolling */
  .hero-film-roll {
    position: relative !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .hero-film-roll .e-con-inner {
    padding: 0 !important;
    height: auto !important;
    min-height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .hero-film-roll-image-wrapper {
    height: auto !important;
    min-height: auto !important;
    max-height: 400vh !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .hero-film-roll img {
    position: relative !important;
    transform: translateY(0px) !important;
    object-fit: contain !important;
    object-position: top center !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
  }
  
  .hero-film-roll .elementor-widget-container {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hide center and right on tablet */
  .hero-center,
  .hero-right {
    display: none !important;
  }

  /* Hide scroll progress */
  .scroll-progress {
    display: none !important;
  }
}

/* ================================================
   MOBILE RESPONSIVE (≤768px)
   ================================================ */
@media (max-width: 768px) {
  /* Only show film roll with scrolling */
  .hero-section-wrapper {
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    display: flex !important;
    padding: 0 !important;
  }

  /* Film roll - Full width with scrolling */
  .hero-film-roll {
    position: relative !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    /* Override Elementor's flex alignment */
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .hero-film-roll .e-con-inner {
    padding: 0 !important;
    height: auto !important;
    min-height: auto !important;
    /* Override Elementor's flex alignment */
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .hero-film-roll-image-wrapper {
    height: auto !important;
    min-height: auto !important;
    /* Limit the wrapper height to crop bottom of image */
    /* Adjust this value to control where scrolling ends */
    max-height: 400vh !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .hero-film-roll img {
    position: relative !important;
    transform: translateY(0px) !important;
    object-fit: contain !important;
    object-position: top center !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
  }
  
  /* Override Elementor widget container alignment */
  .hero-film-roll .elementor-widget-container {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hide center and right on mobile */
  .hero-center,
  .hero-right {
    display: none !important;
  }

  /* Hide scroll progress */
  .scroll-progress {
    display: none !important;
  }
}

/* ================================================
   SMALL MOBILE (≤480px)
   ================================================ */
@media (max-width: 480px) {
  /* Same as mobile - only film roll visible */
  .hero-film-roll {
    height: 100vh !important;
  }

  .hero-film-roll img {
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
    .hero-section-wrapper {
        display: none !important;
    }
    .elementor-loop-container:not(.elementor-posts-masonry) {
    align-items: baseline !important;
    }

}/* End custom CSS */