.elementor-40 .elementor-element.elementor-element-6f37f29{--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-40 .elementor-element.elementor-element-92f7ecc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-f26ebf1{--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-40 .elementor-element.elementor-element-167dced{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-050cc06{--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-40 .elementor-element.elementor-element-4e8b3b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-0fc63fd{--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-40 .elementor-element.elementor-element-ba17d3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-7322e3c{--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-40 .elementor-element.elementor-element-0fb1ee1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-1bce1c6{--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-40 .elementor-element.elementor-element-539c326{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-12d854b{--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-40 .elementor-element.elementor-element-9c1f673{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-c79be84{--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-40 .elementor-element.elementor-element-e8ea13d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-45f0365{--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-40 .elementor-element.elementor-element-25b37c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-1e65d37{--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-40 .elementor-element.elementor-element-416a197{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-58d7341{--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-40 .elementor-element.elementor-element-dfd2f2c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-534a4a3{--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-40 .elementor-element.elementor-element-1d968d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-36400b1{--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-40 .elementor-element.elementor-element-02ea559{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-a7d7341{--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-40 .elementor-element.elementor-element-74eb4fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-6f2f4d7{--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-40 .elementor-element.elementor-element-9f44030{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-7644a5e9{--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-40 .elementor-element.elementor-element-7644a5e9:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-7644a5e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0FAF5;}.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-40 .elementor-element.elementor-element-7d99830d{text-align:center;}.elementor-40 .elementor-element.elementor-element-7d99830d .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-weight:600;color:#000000;}.elementor-40 .elementor-element.elementor-element-f582f01{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-40 .elementor-element.elementor-element-f582f01:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-f582f01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0FAF5;}.elementor-40 .elementor-element.elementor-element-f582f01::before, .elementor-40 .elementor-element.elementor-element-f582f01 > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-f582f01 > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-f582f01 > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-f582f01 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-f582f01 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFF0F0;--background-overlay:'';}.elementor-40 .elementor-element.elementor-element-f582f01 > .elementor-shape-top svg, .elementor-40 .elementor-element.elementor-element-f582f01 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:21px;}.elementor-40 .elementor-element.elementor-element-f582f01.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-2e93a59e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;border-style:solid;--border-style:solid;border-width:25px 13px 7px 7px;--border-top-width:25px;--border-right-width:13px;--border-bottom-width:7px;--border-left-width:7px;border-color:#AE3260;--border-color:#AE3260;--border-radius:15px 7px 7px 7px;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-40 .elementor-element.elementor-element-2e93a59e:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-2e93a59e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F8E7;}.elementor-40 .elementor-element.elementor-element-32f051bb{--display:flex;border-style:none;--border-style:none;--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-40 .elementor-element.elementor-element-32f051bb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-5ee37e1{text-align:center;}.elementor-40 .elementor-element.elementor-element-5ee37e1 .elementor-heading-title{font-family:"Anek Bangla", Sans-serif;font-size:40px;font-weight:600;line-height:1.2em;letter-spacing:0px;color:#1A1E23;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-modern-checkout{--wcf-text-color:#000000;--wcf-link-color:#000000;--wcf-payment-section-label-color:#000000;--wcf-payment-section-bg-color:#F4F8FA;--wcf-payment-section-desc-bg-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-73f1033a .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Hind Siliguri", Sans-serif;font-size:20px;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#1A1E23;--wcf-field-border-color:#0D4F87;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row select{font-family:"Anek Bangla", Sans-serif;font-weight:600;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce form .form-row select{border-style:solid;border-width:2px 2px 3px 3px;border-radius:21px 21px 21px 21px;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-family:"Hind Siliguri", Sans-serif;font-size:22px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{border-style:solid;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-modern-checkout{--wcf-payment-section-desc-text-color:#0170BF;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{padding:0px 0px 0px 0px;margin:-20px 0px 0px 0px;border-radius:2px 2px 2px 2px;}.elementor-40 .elementor-element.elementor-element-fd51bad{--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-40 .elementor-element.elementor-element-61b224f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-40:not(.elementor-motion-effects-element-type-background), body.elementor-page-40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF6;}@media(max-width:1024px){.elementor-40 .elementor-element.elementor-element-f582f01{--padding-top:32px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-40 .elementor-element.elementor-element-2e93a59e{--margin-top:8px;--margin-bottom:-48px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-40 .elementor-element.elementor-element-32f051bb{--margin-top:11px;--margin-bottom:11px;--margin-left:11px;--margin-right:11px;}.elementor-40 .elementor-element.elementor-element-5ee37e1 .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-7d99830d{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-40 .elementor-element.elementor-element-7d99830d .elementor-heading-title{font-size:20px;}.elementor-40 .elementor-element.elementor-element-f582f01{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-2e93a59e{--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-32f051bb{--border-radius:-1px -1px -1px -1px;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:-2px;--padding-top:21px;--padding-bottom:-5px;--padding-left:-5px;--padding-right:-5px;}.elementor-40 .elementor-element.elementor-element-5ee37e1{padding:0px 0px 0px 0px;text-align:center;}.elementor-40 .elementor-element.elementor-element-5ee37e1 .elementor-heading-title{font-size:17px;}.elementor-40 .elementor-element.elementor-element-73f1033a .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-size:20px;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-size:16px;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{border-width:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-40 .elementor-element.elementor-element-73f1033a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{border-radius:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-f582f01{--width:96.988%;}.elementor-40 .elementor-element.elementor-element-32f051bb{--width:100.122%;}}/* Start custom CSS for html, class: .elementor-element-92f7ecc *//* ========================================== LACTOFLOW PREMIUM HERO Unique Prefix: njlf- ========================================== */ .njlf-hero { width: 100%; position: relative; top: 0; left: 0; overflow: hidden; box-sizing: border-box; background: radial-gradient( circle at 85% 35%, rgba(23, 105, 176, 0.10), transparent 32% ), radial-gradient( circle at 10% 90%, rgba(168, 47, 92, 0.10), transparent 30% ), #fff9fb; } /* ========================================== LOGO HEADER ========================================== */ .njlf-logo-header { width: 100%; min-height: 82px; display: flex; align-items: center; justify-content: center; padding: 12px 20px; box-sizing: border-box; background: #ffffff; border-bottom: 1px solid rgba(23, 105, 176, 0.08); position: relative; z-index: 10; } .njlf-logo-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } .njlf-logo { width: auto; max-width: 175px; height: 58px; display: block; object-fit: contain; } /* ========================================== TOP OFFER BAR ========================================== */ .njlf-topbar { width: 100%; min-height: 48px; padding: 8px 15px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; text-align: center; background: linear-gradient( 90deg, #0d4f87, #1769b0, #0d4f87 ); color: #ffffff; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 30px; font-weight: 700; line-height: 1.5; position: relative; z-index: 9; } .njlf-offer-icon { font-size: 16px; } .njlf-offer-title { color: #ffffff; } .njlf-offer-highlight { color: #ffd2df; font-weight: 900; } .njlf-offer-separator { color: rgba(255,255,255,.55); } .njlf-offer-subtitle { color: rgba(255,255,255,.92); font-weight: 600; } /* ========================================== HERO CONTAINER ========================================== */ .njlf-hero-container { width: 100%; max-width: 1180px; min-height: 680px; margin: 0 auto; padding: 30px 25px 25px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr); align-items: center; gap: 55px; position: relative; } /* ========================================== LEFT CONTENT ========================================== */ .njlf-left { position: relative; z-index: 3; } /* ========================================== MAIN TITLE ========================================== */ .njlf-title { margin: 0; max-width: 650px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(40px, 4.3vw, 61px); line-height: 1.22; font-weight: 900; letter-spacing: -1.5px; color: #12344e; } .njlf-title .njlf-blue { color: #1769b0; } .njlf-title .njlf-pink { color: #a82f5c; position: relative; } .njlf-title .njlf-pink::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 5px; border-radius: 50%; background: #e3a1b9; transform: rotate(-2deg); } /* ========================================== DESCRIPTION ========================================== */ .njlf-description { max-width: 650px; margin: 22px 0 25px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 25px; font-weight: 600; line-height: 1.8; color: #12344E; } .njlf-description strong { color: #a82f5c; font-weight: 600; } /* ========================================== BENEFITS ========================================== */ .njlf-benefits { width: 100%; max-width: 650px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 27px; } .njlf-benefit { display: flex; align-items: center; gap: 11px; min-height: 57px; padding: 9px 13px; box-sizing: border-box; border-radius: 13px; background: #ffffff; border: 1px solid #dce9f1; box-shadow: 0 5px 18px rgba(18, 67, 100, .045); font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 13px; font-weight: 700; color: #294b61; } .njlf-benefit-icon { width: 35px; height: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #edf6fc; color: #1769b0; font-family: Arial, sans-serif; font-size: 16px; font-weight: 800; } .njlf-benefit:nth-child(2) .njlf-benefit-icon { background: #fff0f5; color: #a82f5c; } .njlf-benefit:nth-child(3) .njlf-benefit-icon { background: #eef8f2; color: #218653; } .njlf-benefit:nth-child(4) .njlf-benefit-icon { background: #fff7e9; color: #b47716; } /* ========================================== BUTTONS ========================================== */ .njlf-buttons { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; } .njlf-order-btn, .njlf-whatsapp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 51px; padding: 0 24px; border-radius: 50px; text-decoration: none; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 15px; font-weight: 800; box-sizing: border-box; transition: transform .25s ease, box-shadow .25s ease; } .njlf-order-btn { color: #ffffff; background: #1769b0; box-shadow: 0 10px 25px rgba(168, 47, 92, .22); } .njlf-whatsapp-btn { color: #ffffff; background: #B93866; box-shadow: 0 10px 25px rgba(23, 105, 176, .20); } .njlf-order-btn:hover, .njlf-whatsapp-btn:hover { transform: translateY(-3px); } /* ========================================== TRUST ========================================== */ .njlf-trust { display: flex; align-items: center; gap: 12px; padding-top: 17px; border-top: 1px solid #e4eaf0; max-width: 650px; } .njlf-stars { color: #e6a52c; font-family: Arial, sans-serif; font-size: 18px; letter-spacing: 2px; white-space: nowrap; } .njlf-trust-text { font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 12px; color: #647a89; line-height: 1.6; } .njlf-trust-text strong { color: #18384f; } /* ========================================== RIGHT PRODUCT ========================================== */ .njlf-right { position: relative; min-height: 560px; display: flex; align-items: center; justify-content: center; z-index: 2; } /* ========================================== PRODUCT GLOW ========================================== */ .njlf-product-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient( circle, rgba(255, 225, 235, .95) 0%, rgba(255, 241, 246, .75) 48%, transparent 72% ); z-index: -1; } /* ========================================== PRODUCT CARD ========================================== */ .njlf-product-card { width: min(100%, 455px); position: relative; padding: 18px; box-sizing: border-box; border-radius: 28px; background: #ffffff; border: 1px solid #e4eaf0; box-shadow: 0 25px 70px rgba(18, 67, 100, .13); } /* ========================================== PRODUCT IMAGE ========================================== */ .njlf-product-image { width: 100%; height: auto; display: block; border-radius: 19px; object-fit: cover; } /* ========================================== PRODUCT BADGE ========================================== */ .njlf-product-badge { position: absolute; display: flex; align-items: center; gap: 7px; padding: 10px 15px; border-radius: 50px; background: #ffffff; box-shadow: 0 8px 25px rgba(18, 67, 100, .13); border: 1px solid #e3ebf0; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 12px; font-weight: 800; color: #1769b0; white-space: nowrap; } .njlf-badge-bottom { left: -22px; bottom: 25px; color: #a82f5c; } .njlf-product-badge span:first-child { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff0f5; color: #a82f5c; font-weight: 800; } /* ========================================== TABLET ========================================== */ @media (max-width: 950px) { .njlf-logo-header { min-height: 75px; } .njlf-logo { max-width: 155px; height: 52px; } .njlf-topbar { font-size: 13px; min-height: 44px; } .njlf-hero-container { grid-template-columns: 1fr; max-width: 720px; min-height: auto; padding-top: 45px; gap: 35px; } .njlf-left { text-align: center; } .njlf-description, .njlf-benefits, .njlf-trust { margin-left: auto; margin-right: auto; } .njlf-buttons { justify-content: center; } .njlf-title { margin-left: auto; margin-right: auto; } .njlf-right { min-height: 500px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 650px) { /* -------------------------------------- LOGO -------------------------------------- */ .njlf-logo-header { min-height: 66px; padding: 7px 15px; } .njlf-logo { max-width: 130px; height: 45px; } /* -------------------------------------- OFFER BAR -------------------------------------- */ .njlf-topbar { min-height: 42px; padding: 7px 10px; gap: 3px 6px; font-size: 10px; line-height: 1.45; } .njlf-offer-icon { font-size: 12px; } .njlf-offer-separator { display: none; } .njlf-offer-subtitle { width: 100%; font-size: 9px; margin-top: -2px; opacity: .9; } /* -------------------------------------- HERO CONTAINER -------------------------------------- */ .njlf-hero-container { display: flex; flex-direction: column; width: 100%; min-height: auto; padding: 32px 15px 45px; gap: 0; } /* -------------------------------------- LEFT CONTENT -------------------------------------- */ .njlf-left { width: 100%; display: contents; text-align: center; } /* -------------------------------------- TITLE -------------------------------------- */ .njlf-title { order: 1; width: 100%; max-width: 100%; margin: 0 auto; font-size: 34px; line-height: 1.3; letter-spacing: -.8px; text-align: center; } /* -------------------------------------- DESCRIPTION -------------------------------------- */ .njlf-description { order: 2; width: 100%; max-width: 100%; margin: 16px auto 22px; font-size: 14px; line-height: 1.7; text-align: center; } /* -------------------------------------- PRODUCT Mobile order: Title Description Product Buttons -------------------------------------- */ .njlf-right { order: 3; width: 100%; min-height: auto; padding: 5px 0 22px; box-sizing: border-box; } .njlf-product-glow { width: 330px; height: 330px; } .njlf-product-card { width: 100%; max-width: 380px; padding: 10px; border-radius: 20px; margin: 0 auto; } .njlf-product-image { width: 100%; height: auto; border-radius: 14px; } .njlf-product-badge { padding: 7px 10px; font-size: 10px; } .njlf-badge-bottom { left: -5px; bottom: 15px; } .njlf-product-badge span:first-child { width: 17px; height: 17px; } /* -------------------------------------- CTA BUTTONS Product-এর ঠিক নিচে -------------------------------------- */ .njlf-buttons { order: 4; width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 9px; margin: 0 auto 22px; box-sizing: border-box; } .njlf-order-btn, .njlf-whatsapp-btn { width: 100%; min-height: 52px; padding: 0 18px; border-radius: 50px; font-size: 15px; } /* -------------------------------------- TRUST -------------------------------------- */ .njlf-trust { order: 5; width: 100%; max-width: 100%; justify-content: center; padding-top: 14px; gap: 8px; margin: 0 auto; } .njlf-stars { font-size: 15px; } .njlf-trust-text { font-size: 10px; text-align: left; } } /* ========================================== SMALL MOBILE ========================================== */ @media (max-width: 400px) { .njlf-logo-header { min-height: 61px; padding: 6px 12px; } .njlf-logo { max-width: 115px; height: 40px; } .njlf-topbar { min-height: 40px; font-size: 9px; padding: 6px 8px; } .njlf-offer-subtitle { font-size: 8px; } .njlf-hero-container { padding: 28px 12px 40px; } .njlf-title { font-size: 29px; line-height: 1.3; } .njlf-description { font-size: 13px; margin-top: 14px; margin-bottom: 18px; } .njlf-right { padding-bottom: 18px; } .njlf-product-card { padding: 7px; border-radius: 17px; } .njlf-product-image { border-radius: 12px; } .njlf-product-badge { font-size: 9px; padding: 6px 8px; } .njlf-buttons { gap: 8px; margin-bottom: 18px; } .njlf-order-btn, .njlf-whatsapp-btn { min-height: 49px; font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-167dced *//* ========================================================= LACTOFLOW EXPERT ADVICE SECTION BRAND COLORS Deep Blue : #0D4F87 Blue : #1769B0 Pink : #D41468 Soft Blue : #F4F9FD Soft Pink : #FFF5F9 ========================================================= */ .nlf-expert-section { width: 100%; padding: 28px 20px; box-sizing: border-box; background: #FFFFFF; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; } /* ========================================================= MAIN CARD ========================================================= */ .nlf-expert-card { position: relative; width: 100%; max-width: 900px; margin: 0 auto; display: flex; align-items: center; gap: 20px; padding: 22px 28px; box-sizing: border-box; background: linear-gradient( 105deg, #F4F9FD 0%, #FFFFFF 65%, #FFF7FA 100% ); border: 1px solid #D6E6F1; border-radius: 18px; box-shadow: 0 8px 28px rgba(13,79,135,.07); overflow: hidden; } /* ========================================================= TOP ACCENT ========================================================= */ .nlf-expert-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient( 90deg, #1769B0 0%, #D41468 100% ); } /* ========================================================= SOFT DECORATION ========================================================= */ .nlf-expert-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -70px; bottom: -90px; border-radius: 50%; background: rgba(212,20,104,.045); pointer-events: none; } /* ========================================================= ICON ========================================================= */ .nlf-expert-icon { position: relative; z-index: 2; width: 52px; min-width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #FFFFFF; border: 1px solid #BFDDED; box-shadow: 0 5px 15px rgba(23,105,176,.08); } .nlf-expert-icon span { color: #1769B0; font-family: Arial, sans-serif; font-size: 27px; font-weight: 500; } /* ========================================================= CONTENT ========================================================= */ .nlf-expert-content { position: relative; z-index: 2; flex: 1; } /* TITLE */ .nlf-expert-content h3 { margin: 0 0 7px; color: #0D4F87; font-size: 25px; line-height: 1.4; font-weight: 900; } /* ========================================================= QUOTE ========================================================= */ .nlf-expert-content p { position: relative; margin: 0; padding-left: 0; color: #0C0D0E; font-size: 20px; line-height: 1.75; font-weight: 500; } /* Pink quote accent */ .nlf-expert-content p::before { content: "“"; color: #D41468; font-family: Georgia, serif; font-size: 28px; font-weight: 900; line-height: 0; vertical-align: -8px; margin-right: 4px; } /* ========================================================= HOVER ========================================================= */ .nlf-expert-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .nlf-expert-card:hover { transform: translateY(-2px); border-color: #BFD8E8; box-shadow: 0 12px 32px rgba(13,79,135,.10); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 700px) { .nlf-expert-section { padding: 24px 15px; } .nlf-expert-card { gap: 15px; padding: 19px 20px; border-radius: 16px; } .nlf-expert-icon { width: 46px; min-width: 46px; height: 46px; } .nlf-expert-icon span { font-size: 24px; } .nlf-expert-content h3 { font-size: 14px; } .nlf-expert-content p { font-size: 10px; line-height: 1.7; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 500px) { .nlf-expert-section { padding: 20px 12px; } .nlf-expert-card { gap: 13px; padding: 17px 15px; border-radius: 14px; } .nlf-expert-icon { width: 40px; min-width: 40px; height: 40px; } .nlf-expert-icon span { font-size: 20px; } .nlf-expert-content h3 { margin-bottom: 5px; font-size: 12px; line-height: 1.4; } .nlf-expert-content p { font-size: 9px; line-height: 1.65; } .nlf-expert-content p::before { font-size: 22px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .nlf-expert-card { padding: 15px 12px; gap: 10px; } .nlf-expert-icon { width: 36px; min-width: 36px; height: 36px; } .nlf-expert-icon span { font-size: 18px; } .nlf-expert-content h3 { font-size: 16px; } .nlf-expert-content p { font-size: 11px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4e8b3b9 *//* ================================ NLFp Customer Reviews ================================ */ .nlfp-reviews { width: 100%; padding: 10px 10px 0px; background: radial-gradient( circle at 8% 20%, rgba(23, 105, 176, 0.06), transparent 28% ), radial-gradient( circle at 92% 85%, rgba(212, 20, 104, 0.06), transparent 30% ), #ffffff; overflow: hidden; } /* ================================ Header ================================ */ .nlfp-review-head { max-width: 1100px; margin: 0 auto 38px; text-align: center; } /* Social proof */ .nlfp-social-proof { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } /* Avatar group */ .nlfp-avatar-group { display: flex; align-items: center; margin-right: -3px; z-index: 2; } .nlfp-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; margin-left: -12px; box-shadow: 0 5px 15px rgba(13, 79, 135, 0.15); background: #f5f7fa; } .nlfp-avatar:first-child { margin-left: 0; } .nlfp-avatar img { width: 100%; height: 100%; object-fit: cover; } /* 10K badge */ .nlfp-count { width: 78px; height: 78px; margin-left: -2px; border-radius: 50%; background: linear-gradient( 145deg, #D41468, #b70d55 ); color: #ffffff; border: 4px solid #ffffff; box-shadow: 0 8px 25px rgba(212, 20, 104, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 4; } .nlfp-count strong { font-family: Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 800; } .nlfp-count span { margin-top: 5px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 8px; font-weight: 600; white-space: nowrap; } /* Badge */ .nlfp-feedback-badge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 16px; border: 1px solid #c9e0f2; border-radius: 30px; background: #f7fbff; color: #1769B0; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; } /* Heading */ .nlfp-review-head h2 { margin: 14px 0 4px; color: #0D4F87; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.25; } .nlfp-review-head h2 span { color: #0D4F87; } .nlfp-review-head h2 b { color: #D41468; font-weight: 800; } .nlfp-review-head p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 22px; font-weight: 600; } /* ================================ Review Grid ================================ */ .nlfp-review-grid { width: 100%; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } /* Review card */ .nlfp-review-card { position: relative; background: #ffffff; border: 1px solid #dce8f1; border-radius: 19px; padding: 7px; overflow: hidden; box-shadow: 0 8px 28px rgba(13, 79, 135, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .nlfp-review-card:hover { transform: translateY(-5px); box-shadow: 0 16px 38px rgba(13, 79, 135, 0.12); } /* Top blue-pink line */ .nlfp-review-top { position: absolute; top: 0; left: 42px; right: 42px; height: 3px; background: linear-gradient( 90deg, #1769B0 0%, #1769B0 50%, #D41468 50%, #D41468 100% ); border-radius: 0 0 10px 10px; } /* Image */ .nlfp-review-image { width: 100%; height: 415px; margin-top: 2px; border-radius: 14px; overflow: hidden; background: #f8fafc; display: flex; align-items: center; justify-content: center; } .nlfp-review-image img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Footer */ .nlfp-review-footer { height: 30px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; color: #8b99a6; } .nlfp-heart { color: #D41468; font-size: 15px; } /* ================================ Tablet ================================ */ @media (max-width: 900px) { .nlfp-reviews { padding: 45px 16px 55px; } .nlfp-review-grid { gap: 14px; } .nlfp-review-image { height: 360px; } .nlfp-avatar { width: 50px; height: 50px; } .nlfp-count { width: 70px; height: 70px; } } /* ================================ Mobile ================================ */ @media (max-width: 650px) { .nlfp-reviews { padding: 10px 12px 10px; } .nlfp-review-head { margin-bottom: 25px; } .nlfp-social-proof { margin-bottom: 14px; } .nlfp-avatar { width: 45px; height: 45px; margin-left: -10px; border-width: 2px; } .nlfp-count { width: 65px; height: 65px; border-width: 3px; } .nlfp-count strong { font-size: 10px; } .nlfp-count span { font-size: 7px; } .nlfp-review-head h2 { font-size: 28px; line-height: 1.3; margin-top: 11px; } .nlfp-review-head p { font-size: 11px; } /* Horizontal review slider */ .nlfp-review-grid { display: flex; overflow-x: auto; gap: 12px; margin-left: 0; margin-right: -12px; padding-right: 12px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; } .nlfp-review-grid::-webkit-scrollbar { display: none; } .nlfp-review-card { flex: 0 0 78%; scroll-snap-align: start; border-radius: 16px; } .nlfp-review-image { height: 410px; } } /* Small mobile */ @media (max-width: 380px) { .nlfp-avatar { width: 40px; height: 40px; } .nlfp-count { width: 60px; height: 60px; } .nlfp-review-head h2 { font-size: 25px; } .nlfp-review-card { flex-basis: 82%; } .nlfp-review-image { height: 390px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ba17d3b *//* ===================================================== LACTOFLOW CONCERN SECTION BRAND COLORS Deep Blue : #0D4F87 Blue : #1769B0 Pink : #D41468 Light Blue: #F3F8FC Light Pink: #FFF5F9 ===================================================== */ .nlf-concern-section { width: 100%; padding: 10px 20px 10px; box-sizing: border-box; background: #FFFFFF; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; overflow: hidden; } /* ===================================================== CONTAINER ===================================================== */ .nlf-concern-container { width: 100%; max-width: 1100px; margin: 0 auto; } /* ===================================================== HEADER ===================================================== */ .nlf-concern-header { text-align: center; margin-bottom: 38px; } /* TOP BADGE */ .nlf-concern-badge { display: inline-flex; align-items: center; gap: 7px; padding: 7px 16px; border-radius: 50px; background: #F3F8FC; border: 1px solid #CFE3F1; color: #1769B0; font-size: 12px; font-weight: 800; } .nlf-concern-badge span { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #1769B0; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 12px; } /* HEADING */ .nlf-concern-header h2 { margin: 15px 0 7px; color: #0D4F87; font-size: clamp(30px, 4vw, 43px); line-height: 1.3; font-weight: 900; letter-spacing: -.7px; } .nlf-concern-header h2 span { color: #D41468; } .nlf-concern-header p { max-width: 650px; margin: 0 auto; color: #0C0D0E; font-size: 20px; line-height: 1.7; font-weight: 600; } /* ===================================================== CARD GRID ===================================================== */ .nlf-concern-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } /* ===================================================== CARD ===================================================== */ .nlf-concern-card { position: relative; min-height: 220px; padding: 20px 17px 19px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DCEAF3; border-radius: 14px; overflow: hidden; box-shadow: 0 7px 24px rgba(13,79,135,.055); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } /* Top pink accent */ .nlf-concern-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient( 90deg, #1769B0, #D41468 ); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; } .nlf-concern-card:hover { transform: translateY(-5px); border-color: #C5DCEB; box-shadow: 0 14px 32px rgba(13,79,135,.11); } .nlf-concern-card:hover::before { transform: scaleX(1); } /* ===================================================== ICON ===================================================== */ .nlf-concern-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 11px; background: #F1F7FC; border: 1px solid #D7E8F3; color: #1769B0; font-family: Arial, sans-serif; font-size: 40px; font-weight: 600; } .nlf-concern-card:nth-child(even) .nlf-concern-icon { background: #FFF3F8; border-color: #F3D3E1; color: #D41468; } /* ===================================================== CARD HEADING ===================================================== */ .nlf-concern-card h3 { margin: 0 0 10px; color: #0D4F87; font-size: 19px; line-height: 1.45; font-weight: 900; } /* ===================================================== CARD TEXT ===================================================== */ .nlf-concern-card p { margin: 0; color: #0C0D0E; font-size: 20px; line-height: 1.75; font-weight: 500; } /* ===================================================== DESKTOP ===================================================== */ @media (min-width: 901px) { .nlf-concern-card { min-height: 220px; } } /* ===================================================== TABLET ===================================================== */ @media (max-width: 900px) { .nlf-concern-section { padding: 55px 18px 60px; } .nlf-concern-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .nlf-concern-card { min-height: 205px; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 600px) { .nlf-concern-section { padding: 45px 12px 52px; } .nlf-concern-header { margin-bottom: 25px; } .nlf-concern-badge { padding: 6px 13px; font-size: 10px; } .nlf-concern-badge span { width: 16px; height: 16px; font-size: 10px; } .nlf-concern-header h2 { margin-top: 12px; font-size: 27px; line-height: 1.35; } .nlf-concern-header p { font-size: 10px; line-height: 1.6; } .nlf-concern-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .nlf-concern-card { min-height: 205px; padding: 15px 13px; border-radius: 12px; } .nlf-concern-icon { width: 35px; height: 35px; margin-bottom: 12px; border-radius: 9px; font-size: 19px; } .nlf-concern-card h3 { margin-bottom: 7px; font-size: 12px; line-height: 1.45; } .nlf-concern-card p { font-size: 9px; line-height: 1.7; } } /* ===================================================== VERY SMALL MOBILE ===================================================== */ @media (max-width: 380px) { .nlf-concern-grid { gap: 8px; } .nlf-concern-card { min-height: 195px; padding: 13px 11px; } .nlf-concern-card h3 { font-size: 19px; } .nlf-concern-card p { font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0fb1ee1 *//* ================================ NLFp Customer Reviews ================================ */ .nlfp-reviews { width: 100%; padding: 10px 10px 0px; background: radial-gradient( circle at 8% 20%, rgba(23, 105, 176, 0.06), transparent 28% ), radial-gradient( circle at 92% 85%, rgba(212, 20, 104, 0.06), transparent 30% ), #ffffff; overflow: hidden; } /* ================================ Header ================================ */ .nlfp-review-head { max-width: 1100px; margin: 0 auto 38px; text-align: center; } /* Social proof */ .nlfp-social-proof { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } /* Avatar group */ .nlfp-avatar-group { display: flex; align-items: center; margin-right: -3px; z-index: 2; } .nlfp-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; margin-left: -12px; box-shadow: 0 5px 15px rgba(13, 79, 135, 0.15); background: #f5f7fa; } .nlfp-avatar:first-child { margin-left: 0; } .nlfp-avatar img { width: 100%; height: 100%; object-fit: cover; } /* 10K badge */ .nlfp-count { width: 78px; height: 78px; margin-left: -2px; border-radius: 50%; background: linear-gradient( 145deg, #D41468, #b70d55 ); color: #ffffff; border: 4px solid #ffffff; box-shadow: 0 8px 25px rgba(212, 20, 104, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 4; } .nlfp-count strong { font-family: Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 800; } .nlfp-count span { margin-top: 5px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 8px; font-weight: 600; white-space: nowrap; } /* Badge */ .nlfp-feedback-badge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 16px; border: 1px solid #c9e0f2; border-radius: 30px; background: #f7fbff; color: #1769B0; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; } /* Heading */ .nlfp-review-head h2 { margin: 14px 0 4px; color: #0D4F87; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.25; } .nlfp-review-head h2 span { color: #0D4F87; } .nlfp-review-head h2 b { color: #D41468; font-weight: 800; } .nlfp-review-head p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 22px; font-weight: 600; } /* ================================ Review Grid ================================ */ .nlfp-review-grid { width: 100%; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } /* Review card */ .nlfp-review-card { position: relative; background: #ffffff; border: 1px solid #dce8f1; border-radius: 19px; padding: 7px; overflow: hidden; box-shadow: 0 8px 28px rgba(13, 79, 135, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .nlfp-review-card:hover { transform: translateY(-5px); box-shadow: 0 16px 38px rgba(13, 79, 135, 0.12); } /* Top blue-pink line */ .nlfp-review-top { position: absolute; top: 0; left: 42px; right: 42px; height: 3px; background: linear-gradient( 90deg, #1769B0 0%, #1769B0 50%, #D41468 50%, #D41468 100% ); border-radius: 0 0 10px 10px; } /* Image */ .nlfp-review-image { width: 100%; height: 415px; margin-top: 2px; border-radius: 14px; overflow: hidden; background: #f8fafc; display: flex; align-items: center; justify-content: center; } .nlfp-review-image img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Footer */ .nlfp-review-footer { height: 30px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; color: #8b99a6; } .nlfp-heart { color: #D41468; font-size: 15px; } /* ================================ Tablet ================================ */ @media (max-width: 900px) { .nlfp-reviews { padding: 45px 16px 55px; } .nlfp-review-grid { gap: 14px; } .nlfp-review-image { height: 360px; } .nlfp-avatar { width: 50px; height: 50px; } .nlfp-count { width: 70px; height: 70px; } } /* ================================ Mobile ================================ */ @media (max-width: 650px) { .nlfp-reviews { padding: 10px 12px 10px; } .nlfp-review-head { margin-bottom: 25px; } .nlfp-social-proof { margin-bottom: 14px; } .nlfp-avatar { width: 45px; height: 45px; margin-left: -10px; border-width: 2px; } .nlfp-count { width: 65px; height: 65px; border-width: 3px; } .nlfp-count strong { font-size: 10px; } .nlfp-count span { font-size: 7px; } .nlfp-review-head h2 { font-size: 28px; line-height: 1.3; margin-top: 11px; } .nlfp-review-head p { font-size: 11px; } /* Horizontal review slider */ .nlfp-review-grid { display: flex; overflow-x: auto; gap: 12px; margin-left: 0; margin-right: -12px; padding-right: 12px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; } .nlfp-review-grid::-webkit-scrollbar { display: none; } .nlfp-review-card { flex: 0 0 78%; scroll-snap-align: start; border-radius: 16px; } .nlfp-review-image { height: 410px; } } /* Small mobile */ @media (max-width: 380px) { .nlfp-avatar { width: 40px; height: 40px; } .nlfp-count { width: 60px; height: 60px; } .nlfp-review-head h2 { font-size: 25px; } .nlfp-review-card { flex-basis: 82%; } .nlfp-review-image { height: 390px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-539c326 *//* ========================================== LACTOFLOW FAQ / BENEFIT ACCORDION Brand Colors: Blue : #1769B0 Deep : #0D4F87 Burgundy: #A82F5C Unique Prefix: njfaq- ========================================== */ /* ========================================== MAIN SECTION ========================================== */ .njfaq-section { width: 100%; padding: 10px 20px; box-sizing: border-box; background: radial-gradient( circle at 5% 20%, rgba(23, 105, 176, 0.08), transparent 30% ), radial-gradient( circle at 95% 80%, rgba(168, 47, 92, 0.07), transparent 30% ), #f9fcfe; overflow: hidden; } /* ========================================== CONTAINER ========================================== */ .njfaq-container { width: 100%; max-width: 1100px; margin: 0 auto; } /* ========================================== HEADER ========================================== */ .njfaq-header { width: 100%; max-width: 820px; margin: 0 auto 38px; text-align: center; } /* Brand Badge */ .njfaq-badge { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 17px; box-sizing: border-box; border-radius: 50px; background: #eef6fc; border: 1px solid #d4e7f3; color: #1769b0; font-family: Arial, sans-serif; font-size: 12px; font-weight: 800; letter-spacing: 0.5px; } /* Badge Icon */ .njfaq-badge-icon { display: inline-flex; color: #a82f5c; font-size: 15px; line-height: 1; } /* ========================================== MAIN HEADING ========================================== */ .njfaq-header h2 { margin: 15px 0 9px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(30px, 4vw, 46px); line-height: 1.3; font-weight: 800; letter-spacing: -1px; color: #12344e; } /* Highlighted Word */ .njfaq-header h2 span { color: #a82f5c; } /* Header Description */ .njfaq-header p { margin: 0; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 19px; line-height: 1.6; color: #0C0D0E; } /* ========================================== ACCORDION LIST DESKTOP = 3 COLUMNS ========================================== */ .njfaq-list { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; } /* ========================================== ACCORDION ITEM ========================================== */ .njfaq-item { width: 100%; position: relative; box-sizing: border-box; background: #ffffff; border: 1px solid #dce9f1; border-radius: 17px; overflow: hidden; box-shadow: 0 5px 20px rgba(18, 67, 100, 0.045); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* Top Brand Line */ .njfaq-item::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient( 90deg, #1769b0 0%, #1769b0 68%, #a82f5c 68%, #a82f5c 100% ); opacity: 0; transition: opacity 0.3s ease; } /* Active Card */ .njfaq-item.njfaq-active { border-color: #b9d8eb; box-shadow: 0 12px 32px rgba(18, 67, 100, 0.09); } .njfaq-item.njfaq-active::before { opacity: 1; } /* ========================================== QUESTION BUTTON ========================================== */ .njfaq-question { width: 100%; min-height: 86px; display: flex; align-items: center; gap: 13px; padding: 18px; margin: 0; border: 0; outline: none; background: transparent; cursor: pointer; text-align: left; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } /* Remove default button effects */ .njfaq-question:focus { outline: none; } /* ========================================== NUMBER ========================================== */ .njfaq-number { width: 40px; height: 40px; min-width: 40px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 11px; background: #edf6fc; border: 1px solid #d6e9f5; color: #1769b0; font-family: Arial, sans-serif; font-size: 11px; font-weight: 800; line-height: 1; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; } /* Active Number */ .njfaq-active .njfaq-number { background: #1769b0; border-color: #1769b0; color: #ffffff; } /* ========================================== QUESTION TITLE ========================================== */ .njfaq-title { flex: 1; min-width: 0; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 17px; line-height: 1.45; font-weight: 750; color: #18384f; transition: color 0.25s ease; } /* Hover Title */ .njfaq-question:hover .njfaq-title { color: #1769b0; } /* ========================================== PLUS BUTTON ========================================== */ .njfaq-plus { width: 34px; height: 34px; min-width: 34px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 50%; background: #f2f8fc; border: 1px solid #d9eaf3; color: #1769b0; font-family: Arial, sans-serif; font-size: 23px; font-weight: 300; line-height: 1; transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease; } /* Hover Plus */ .njfaq-question:hover .njfaq-plus { background: #eaf5fb; border-color: #b9d8eb; } /* Active Plus */ .njfaq-active .njfaq-plus { transform: rotate(45deg); background: #a82f5c; border-color: #a82f5c; color: #ffffff; } /* ========================================== ANSWER ========================================== */ .njfaq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; } /* Answer Text */ .njfaq-answer p { min-height: 0; overflow: hidden; margin: 0; padding: 0 18px 0 71px; box-sizing: border-box; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 19px; font-weight: 500; line-height: 1.75; color: #0C0D0E; transition: padding 0.35s ease; } /* ========================================== OPEN ANSWER ========================================== */ .njfaq-active .njfaq-answer { grid-template-rows: 1fr; } .njfaq-active .njfaq-answer p { padding-bottom: 20px; } /* ========================================== DESKTOP HOVER ========================================== */ @media (min-width: 851px) { .njfaq-item:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(18, 67, 100, 0.08); } } /* ========================================== TABLET 2 COLUMNS ========================================== */ @media (max-width: 850px) { .njfaq-section { padding: 55px 18px; } .njfaq-container { max-width: 760px; } .njfaq-header { margin-bottom: 30px; } .njfaq-header h2 { font-size: 34px; } .njfaq-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .njfaq-question { min-height: 82px; padding: 16px; } .njfaq-title { font-size: 16px; } .njfaq-answer p { font-size: 13px; padding-left: 68px; padding-right: 16px; } } /* ========================================== MOBILE 1 COLUMN ========================================== */ @media (max-width: 650px) { .njfaq-section { padding: 45px 14px; } .njfaq-container { max-width: 100%; } /* Header */ .njfaq-header { margin-bottom: 27px; } .njfaq-badge { padding: 7px 13px; font-size: 10px; letter-spacing: 0.4px; } .njfaq-badge-icon { font-size: 13px; } .njfaq-header h2 { margin-top: 12px; font-size: 28px; line-height: 1.4; letter-spacing: -0.5px; } .njfaq-header p { font-size: 14px; line-height: 1.65; } /* Accordion */ .njfaq-list { display: flex; flex-direction: column; gap: 12px; } .njfaq-item { width: 100%; border-radius: 16px; } /* Question */ .njfaq-question { min-height: 68px; padding: 15px 16px; gap: 11px; } /* Number */ .njfaq-number { width: 36px; height: 36px; min-width: 36px; border-radius: 10px; font-size: 10px; } /* Title */ .njfaq-title { font-size: 16px; line-height: 1.5; } /* Plus */ .njfaq-plus { width: 32px; height: 32px; min-width: 32px; font-size: 22px; } /* Answer */ .njfaq-answer p { padding-left: 63px; padding-right: 18px; font-size: 13px; line-height: 1.7; } .njfaq-active .njfaq-answer p { padding-bottom: 18px; } } /* ========================================== SMALL MOBILE ========================================== */ @media (max-width: 430px) { .njfaq-section { padding: 42px 12px; } .njfaq-header { margin-bottom: 24px; } .njfaq-header h2 { font-size: 25px; line-height: 1.4; } .njfaq-header p { font-size: 13px; } .njfaq-list { gap: 10px; } .njfaq-question { min-height: 63px; padding: 14px 13px; gap: 9px; } .njfaq-number { width: 32px; height: 32px; min-width: 32px; border-radius: 9px; font-size: 9px; } .njfaq-title { font-size: 14px; line-height: 1.5; } .njfaq-plus { width: 29px; height: 29px; min-width: 29px; font-size: 20px; } .njfaq-answer p { padding-left: 54px; padding-right: 14px; font-size: 12px; line-height: 1.7; } .njfaq-active .njfaq-answer p { padding-bottom: 16px; } } /* ========================================== VERY SMALL DEVICES ========================================== */ @media (max-width: 350px) { .njfaq-question { padding-left: 11px; padding-right: 11px; gap: 8px; } .njfaq-number { width: 30px; height: 30px; min-width: 30px; } .njfaq-title { font-size: 13px; } .njfaq-plus { width: 27px; height: 27px; min-width: 27px; font-size: 19px; } .njfaq-answer p { padding-left: 50px; font-size: 11.5px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9c1f673 *//* ================================ NLFp Customer Reviews ================================ */ .nlfp-reviews { width: 100%; padding: 10px 10px 0px; background: radial-gradient( circle at 8% 20%, rgba(23, 105, 176, 0.06), transparent 28% ), radial-gradient( circle at 92% 85%, rgba(212, 20, 104, 0.06), transparent 30% ), #ffffff; overflow: hidden; } /* ================================ Header ================================ */ .nlfp-review-head { max-width: 1100px; margin: 0 auto 38px; text-align: center; } /* Social proof */ .nlfp-social-proof { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } /* Avatar group */ .nlfp-avatar-group { display: flex; align-items: center; margin-right: -3px; z-index: 2; } .nlfp-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; margin-left: -12px; box-shadow: 0 5px 15px rgba(13, 79, 135, 0.15); background: #f5f7fa; } .nlfp-avatar:first-child { margin-left: 0; } .nlfp-avatar img { width: 100%; height: 100%; object-fit: cover; } /* 10K badge */ .nlfp-count { width: 78px; height: 78px; margin-left: -2px; border-radius: 50%; background: linear-gradient( 145deg, #D41468, #b70d55 ); color: #ffffff; border: 4px solid #ffffff; box-shadow: 0 8px 25px rgba(212, 20, 104, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 4; } .nlfp-count strong { font-family: Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 800; } .nlfp-count span { margin-top: 5px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 8px; font-weight: 600; white-space: nowrap; } /* Badge */ .nlfp-feedback-badge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 16px; border: 1px solid #c9e0f2; border-radius: 30px; background: #f7fbff; color: #1769B0; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; } /* Heading */ .nlfp-review-head h2 { margin: 14px 0 4px; color: #0D4F87; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.25; } .nlfp-review-head h2 span { color: #0D4F87; } .nlfp-review-head h2 b { color: #D41468; font-weight: 800; } .nlfp-review-head p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 22px; font-weight: 600; } /* ================================ Review Grid ================================ */ .nlfp-review-grid { width: 100%; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } /* Review card */ .nlfp-review-card { position: relative; background: #ffffff; border: 1px solid #dce8f1; border-radius: 19px; padding: 7px; overflow: hidden; box-shadow: 0 8px 28px rgba(13, 79, 135, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .nlfp-review-card:hover { transform: translateY(-5px); box-shadow: 0 16px 38px rgba(13, 79, 135, 0.12); } /* Top blue-pink line */ .nlfp-review-top { position: absolute; top: 0; left: 42px; right: 42px; height: 3px; background: linear-gradient( 90deg, #1769B0 0%, #1769B0 50%, #D41468 50%, #D41468 100% ); border-radius: 0 0 10px 10px; } /* Image */ .nlfp-review-image { width: 100%; height: 415px; margin-top: 2px; border-radius: 14px; overflow: hidden; background: #f8fafc; display: flex; align-items: center; justify-content: center; } .nlfp-review-image img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Footer */ .nlfp-review-footer { height: 30px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; color: #8b99a6; } .nlfp-heart { color: #D41468; font-size: 15px; } /* ================================ Tablet ================================ */ @media (max-width: 900px) { .nlfp-reviews { padding: 45px 16px 55px; } .nlfp-review-grid { gap: 14px; } .nlfp-review-image { height: 360px; } .nlfp-avatar { width: 50px; height: 50px; } .nlfp-count { width: 70px; height: 70px; } } /* ================================ Mobile ================================ */ @media (max-width: 650px) { .nlfp-reviews { padding: 10px 12px 10px; } .nlfp-review-head { margin-bottom: 25px; } .nlfp-social-proof { margin-bottom: 14px; } .nlfp-avatar { width: 45px; height: 45px; margin-left: -10px; border-width: 2px; } .nlfp-count { width: 65px; height: 65px; border-width: 3px; } .nlfp-count strong { font-size: 10px; } .nlfp-count span { font-size: 7px; } .nlfp-review-head h2 { font-size: 28px; line-height: 1.3; margin-top: 11px; } .nlfp-review-head p { font-size: 11px; } /* Horizontal review slider */ .nlfp-review-grid { display: flex; overflow-x: auto; gap: 12px; margin-left: 0; margin-right: -12px; padding-right: 12px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; } .nlfp-review-grid::-webkit-scrollbar { display: none; } .nlfp-review-card { flex: 0 0 78%; scroll-snap-align: start; border-radius: 16px; } .nlfp-review-image { height: 410px; } } /* Small mobile */ @media (max-width: 380px) { .nlfp-avatar { width: 40px; height: 40px; } .nlfp-count { width: 60px; height: 60px; } .nlfp-review-head h2 { font-size: 25px; } .nlfp-review-card { flex-basis: 82%; } .nlfp-review-image { height: 390px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8ea13d *//* ================================================= LACTOFLOW — PRODUCT USAGE SECTION Brand Colors: Blue #1769B0 DeepBlue #0D4F87 Burgundy #A82F5C Pink #FFF3F7 Green #26915A ================================================= */ .lactoflow-usage-section { width: 100%; padding: 10px 1px; box-sizing: border-box; background: radial-gradient( circle at 5% 20%, rgba(23, 105, 176, .07), transparent 28% ), radial-gradient( circle at 95% 80%, rgba(168, 47, 92, .07), transparent 28% ), #fbfdff; } .lactoflow-usage-container { width: 100%; max-width: 1120px; margin: 0 auto; } /* ================================================= HEADER ================================================= */ .lactoflow-usage-header { text-align: center; margin-bottom: 42px; } .lactoflow-usage-badge { display: inline-flex; align-items: center; justify-content: center; padding: 7px 18px; border-radius: 50px; background: #edf6fc; border: 1px solid #d3e8f5; color: #1769B0; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 12px; font-weight: 800; } .lactoflow-usage-header h2 { margin: 14px 0 0; color: #12344E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(28px, 4vw, 43px); line-height: 1.35; font-weight: 900; } .lactoflow-usage-header h2 span { color: #A82F5C; } /* ================================================= GRID ================================================= */ .lactoflow-usage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } /* ================================================= COMMON CARD ================================================= */ .lactoflow-usage-card { position: relative; padding: 28px; border-radius: 24px; background: #ffffff; border: 1px solid #dce9f1; box-sizing: border-box; box-shadow: 0 18px 50px rgba(18, 67, 100, .075); overflow: hidden; } .lactoflow-usage-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #1769B0, #A82F5C ); } .lactoflow-oil-card::before { background: linear-gradient( 90deg, #1769B0, #26915A ); } /* ================================================= CARD TOP ================================================= */ .lactoflow-card-top { display: flex; align-items: center; gap: 14px; position: relative; } .lactoflow-product-icon { width: 55px; height: 55px; min-width: 55px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: #edf6fc; border: 1px solid #d6e9f5; font-size: 25px; } .lactoflow-oil-icon { background: #eef9f3; border-color: #d7eee1; } .lactoflow-card-label { display: block; margin-bottom: 2px; color: #1769B0; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 11px; font-weight: 800; } .lactoflow-oil-card .lactoflow-card-label { color: #26915A; } .lactoflow-card-top h3 { margin: 0; color: #12344E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 23px; line-height: 1.3; font-weight: 900; } .lactoflow-card-top h3 small { display: block; margin-top: 2px; color: #78909f; font-family: Arial, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .3px; } /* ================================================= FREE GIFT BADGE ================================================= */ .lactoflow-free-badge { position: absolute; top: 0; right: 0; padding: 6px 10px; border-radius: 50px; background: #fff0f5; border: 1px solid #f0d5df; color: #A82F5C; font-family: Arial, sans-serif; font-size: 9px; font-weight: 900; letter-spacing: .4px; } /* ================================================= DIVIDER ================================================= */ .lactoflow-card-line { width: 100%; height: 1px; margin: 22px 0 20px; background: #e7eef3; } /* ================================================= USAGE STEP ================================================= */ .lactoflow-usage-step { display: flex; align-items: flex-start; gap: 13px; padding: 15px; margin-bottom: 11px; border-radius: 15px; background: #f8fbfd; border: 1px solid #e4edf3; } .lactoflow-oil-card .lactoflow-usage-step { background: #fbfdfc; } .lactoflow-step-number { width: 36px; height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 11px; background: #1769B0; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: 900; } .lactoflow-oil-card .lactoflow-step-number { background: #A82F5C; } .lactoflow-step-content h4 { margin: 0 0 4px; color: #18384F; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 16px; line-height: 1.45; font-weight: 850; } .lactoflow-step-content p { margin: 0; color: font-weight: 300; ; font-family: "Noto Sans Bengali", "", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.7; } /* ================================================= MORNING / NIGHT TAGS ================================================= */ .lactoflow-time-tags { display: flex; gap: 7px; margin-top: 9px; } .lactoflow-time-tags span { padding: 4px 9px; border-radius: 50px; background: #edf6fc; color: #1769B0; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 10px; font-weight: 700; } /* ================================================= LACTOFLOW TIP ================================================= */ .lactoflow-usage-tip { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 14px 16px; border-radius: 15px; background: linear-gradient( 135deg, #fff1f6, #fff9fb ); border: 1px solid #f0d5df; } .lactoflow-tip-icon { width: 42px; height: 42px; min-width: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #ffffff; font-size: 20px; box-shadow: 0 5px 15px rgba(168, 47, 92, .08); } .lactoflow-usage-tip strong { display: block; margin-bottom: 2px; color: #A82F5C; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 19px; } .lactoflow-usage-tip p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 19px; line-height: 1.6; } /* ================================================= OIL GIFT HIGHLIGHT ================================================= */ .lactoflow-oil-highlight { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 14px 16px; border-radius: 15px; background: linear-gradient( 135deg, #eef9f3, #f8fcfa ); border: 1px solid #d5ebde; } .lactoflow-gift-icon { width: 42px; height: 42px; min-width: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #ffffff; font-size: 22px; } .lactoflow-oil-highlight strong { display: block; margin-bottom: 2px; color: #26915A; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 19px; } .lactoflow-oil-highlight p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 19px; line-height: 1.6; } /* ================================================= HOVER ================================================= */ .lactoflow-usage-card { transition: transform .3s ease, box-shadow .3s ease; } .lactoflow-usage-card:hover { transform: translateY(-4px); box-shadow: 0 25px 60px rgba(18, 67, 100, .11); } /* ================================================= TABLET ================================================= */ @media (max-width: 800px) { .lactoflow-usage-section { padding: 55px 18px; } .lactoflow-usage-grid { grid-template-columns: 1fr; gap: 18px; } } /* ================================================= MOBILE ================================================= */ @media (max-width: 600px) { .lactoflow-usage-section { padding: 10px 13px; } .lactoflow-usage-header { margin-bottom: 25px; } .lactoflow-usage-header h2 { font-size: 30px; line-height: 1.4; } .lactoflow-usage-card { padding: 19px; border-radius: 19px; } .lactoflow-card-top { gap: 11px; } .lactoflow-product-icon { width: 45px; height: 45px; min-width: 45px; border-radius: 13px; font-size: 29px; } .lactoflow-card-label { font-size: 20px; } .lactoflow-card-top h3 { font-size: 19px; } .lactoflow-card-top h3 small { font-size: 8px; } .lactoflow-free-badge { top: -3px; right: -3px; padding: 5px 8px; font-size: 8px; } .lactoflow-card-line { margin: 17px 0 15px; } .lactoflow-usage-step { padding: 12px; gap: 10px; } .lactoflow-step-number { width: 31px; height: 31px; min-width: 31px; border-radius: 9px; font-size: 18px; } .lactoflow-step-content h4 { font-size: 14px; } .lactoflow-step-content p { font-size: 15px; line-height: 1.7; } .lactoflow-time-tags span { font-size: 9px; } .lactoflow-usage-tip, .lactoflow-oil-highlight { padding: 11px 12px; } .lactoflow-tip-icon, .lactoflow-gift-icon { width: 36px; height: 36px; min-width: 36px; font-size: 17px; } .lactoflow-usage-tip strong, .lactoflow-oil-highlight strong { font-size: 18px; } .lactoflow-usage-tip p, .lactoflow-oil-highlight p { font-size: 15px; font-weight: 500; } } /* ================================================= VERY SMALL MOBILE ================================================= */ @media (max-width: 380px) { .lactoflow-usage-section { padding-left: 10px; padding-right: 10px; } .lactoflow-usage-card { padding: 16px; } .lactoflow-card-top h3 { font-size: 17px; } .lactoflow-step-content h4 { font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-25b37c3 *//* ================================ NLFp Customer Reviews ================================ */ .nlfp-reviews { width: 100%; padding: 10px 10px 0px; background: radial-gradient( circle at 8% 20%, rgba(23, 105, 176, 0.06), transparent 28% ), radial-gradient( circle at 92% 85%, rgba(212, 20, 104, 0.06), transparent 30% ), #ffffff; overflow: hidden; } /* ================================ Header ================================ */ .nlfp-review-head { max-width: 1100px; margin: 0 auto 38px; text-align: center; } /* Social proof */ .nlfp-social-proof { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } /* Avatar group */ .nlfp-avatar-group { display: flex; align-items: center; margin-right: -3px; z-index: 2; } .nlfp-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; margin-left: -12px; box-shadow: 0 5px 15px rgba(13, 79, 135, 0.15); background: #f5f7fa; } .nlfp-avatar:first-child { margin-left: 0; } .nlfp-avatar img { width: 100%; height: 100%; object-fit: cover; } /* 10K badge */ .nlfp-count { width: 78px; height: 78px; margin-left: -2px; border-radius: 50%; background: linear-gradient( 145deg, #D41468, #b70d55 ); color: #ffffff; border: 4px solid #ffffff; box-shadow: 0 8px 25px rgba(212, 20, 104, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 4; } .nlfp-count strong { font-family: Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 800; } .nlfp-count span { margin-top: 5px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 8px; font-weight: 600; white-space: nowrap; } /* Badge */ .nlfp-feedback-badge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 16px; border: 1px solid #c9e0f2; border-radius: 30px; background: #f7fbff; color: #1769B0; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; } /* Heading */ .nlfp-review-head h2 { margin: 14px 0 4px; color: #0D4F87; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.25; } .nlfp-review-head h2 span { color: #0D4F87; } .nlfp-review-head h2 b { color: #D41468; font-weight: 800; } .nlfp-review-head p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 22px; font-weight: 600; } /* ================================ Review Grid ================================ */ .nlfp-review-grid { width: 100%; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } /* Review card */ .nlfp-review-card { position: relative; background: #ffffff; border: 1px solid #dce8f1; border-radius: 19px; padding: 7px; overflow: hidden; box-shadow: 0 8px 28px rgba(13, 79, 135, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .nlfp-review-card:hover { transform: translateY(-5px); box-shadow: 0 16px 38px rgba(13, 79, 135, 0.12); } /* Top blue-pink line */ .nlfp-review-top { position: absolute; top: 0; left: 42px; right: 42px; height: 3px; background: linear-gradient( 90deg, #1769B0 0%, #1769B0 50%, #D41468 50%, #D41468 100% ); border-radius: 0 0 10px 10px; } /* Image */ .nlfp-review-image { width: 100%; height: 415px; margin-top: 2px; border-radius: 14px; overflow: hidden; background: #f8fafc; display: flex; align-items: center; justify-content: center; } .nlfp-review-image img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Footer */ .nlfp-review-footer { height: 30px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; color: #8b99a6; } .nlfp-heart { color: #D41468; font-size: 15px; } /* ================================ Tablet ================================ */ @media (max-width: 900px) { .nlfp-reviews { padding: 45px 16px 55px; } .nlfp-review-grid { gap: 14px; } .nlfp-review-image { height: 360px; } .nlfp-avatar { width: 50px; height: 50px; } .nlfp-count { width: 70px; height: 70px; } } /* ================================ Mobile ================================ */ @media (max-width: 650px) { .nlfp-reviews { padding: 10px 12px 10px; } .nlfp-review-head { margin-bottom: 25px; } .nlfp-social-proof { margin-bottom: 14px; } .nlfp-avatar { width: 45px; height: 45px; margin-left: -10px; border-width: 2px; } .nlfp-count { width: 65px; height: 65px; border-width: 3px; } .nlfp-count strong { font-size: 10px; } .nlfp-count span { font-size: 7px; } .nlfp-review-head h2 { font-size: 28px; line-height: 1.3; margin-top: 11px; } .nlfp-review-head p { font-size: 11px; } /* Horizontal review slider */ .nlfp-review-grid { display: flex; overflow-x: auto; gap: 12px; margin-left: 0; margin-right: -12px; padding-right: 12px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; } .nlfp-review-grid::-webkit-scrollbar { display: none; } .nlfp-review-card { flex: 0 0 78%; scroll-snap-align: start; border-radius: 16px; } .nlfp-review-image { height: 410px; } } /* Small mobile */ @media (max-width: 380px) { .nlfp-avatar { width: 40px; height: 40px; } .nlfp-count { width: 60px; height: 60px; } .nlfp-review-head h2 { font-size: 25px; } .nlfp-review-card { flex-basis: 82%; } .nlfp-review-image { height: 390px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-416a197 *//* ========================================== LACTOFLOW BRANDING GOAL + DOCTOR SECTION Prefix: nlj- ========================================== */ .nlj-goal-section { width: 100%; padding: 10px 10px; box-sizing: border-box; background: radial-gradient( circle at 0% 100%, rgba(23, 105, 176, .09), transparent 28% ), radial-gradient( circle at 100% 0%, rgba(168, 47, 92, .07), transparent 28% ), #f5fbfe; overflow: hidden; } /* ========================================== MAIN CONTAINER ========================================== */ .nlj-goal-container { width: 100%; max-width: 1180px; min-height: 300px; margin: 0 auto; padding: 45px 60px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(450px, .9fr); align-items: center; gap: 65px; position: relative; background: #ffffff; border: 1px solid #dceaf2; border-radius: 28px; box-shadow: 0 20px 55px rgba(13, 79, 135, .07); } /* ========================================== DECORATIVE CIRCLES ========================================== */ .nlj-goal-container::before { content: ""; position: absolute; width: 230px; height: 230px; left: -115px; bottom: -125px; border-radius: 50%; background: rgba(23, 105, 176, .07); pointer-events: none; } .nlj-goal-container::after { content: ""; position: absolute; width: 180px; height: 180px; right: -75px; top: -100px; border-radius: 50%; background: rgba(168, 47, 92, .06); pointer-events: none; } /* ========================================== LEFT MESSAGE ========================================== */ .nlj-goal-message { position: relative; padding-left: 28px; z-index: 2; } .nlj-goal-message h2 { margin: 0; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(38px, 4vw, 56px); line-height: 1.35; font-weight: 900; letter-spacing: -1.2px; color: #12344e; } .nlj-goal-message h2 span { color: #1769B0; position: relative; } /* Burgundy accent under second line */ .nlj-goal-message h2 span::after { content: ""; position: absolute; left: 0; bottom: -7px; width: 100%; height: 4px; border-radius: 20px; background: #A82F5C; } /* ========================================== QUOTE MARKS ========================================== */ .nlj-quote-mark { position: absolute; font-family: Georgia, serif; font-size: 105px; line-height: 1; font-weight: 900; pointer-events: none; } .nlj-quote-left { left: -10px; top: -48px; color: rgba(23, 105, 176, .12); } .nlj-quote-right { right: 20px; bottom: -65px; color: rgba(168, 47, 92, .12); } /* ========================================== SMALL ACCENT LINE ========================================== */ .nlj-goal-line { width: 70px; height: 5px; margin-top: 28px; border-radius: 50px; background: linear-gradient( 90deg, #1769B0, #A82F5C ); } /* ========================================== DOCTOR CARD ========================================== */ .nlj-doctor-card { position: relative; z-index: 3; display: flex; align-items: center; gap: 25px; padding: 20px 25px; min-height: 205px; box-sizing: border-box; border-radius: 23px; background: linear-gradient( 135deg, #ffffff 0%, #f7fcff 100% ); border: 1px solid #cfe4ef; box-shadow: 0 12px 35px rgba(23, 105, 176, .08); } /* Top border accent */ .nlj-doctor-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; border-radius: 23px 23px 0 0; background: linear-gradient( 90deg, #1769B0, #A82F5C ); } /* ========================================== DOCTOR IMAGE ========================================== */ .nlj-doctor-image-wrap { position: relative; width: 125px; min-width: 125px; height: 155px; } .nlj-doctor-image { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; border-radius: 15px; border: 3px solid #ffffff; box-shadow: 0 7px 22px rgba(13, 79, 135, .12); } /* ========================================== CHECK BADGE ========================================== */ .nlj-doctor-check { position: absolute; right: -8px; bottom: 10px; width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #A82F5C; border: 3px solid #ffffff; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; font-weight: 900; box-shadow: 0 5px 15px rgba(168, 47, 92, .25); } /* ========================================== DOCTOR INFO ========================================== */ .nlj-doctor-info { flex: 1; min-width: 0; } .nlj-doctor-label { display: inline-flex; align-items: center; padding: 7px 13px; margin-bottom: 9px; border-radius: 50px; background: #edf6fc; border: 1px solid #d4e8f4; color: #1769B0; font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .2px; } .nlj-doctor-info h3 { margin: 0; color: #12344e; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 27px; line-height: 1.4; font-weight: 900; } .nlj-doctor-degree { margin: 5px 0 13px; color: #647d8d; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; } /* ========================================== REGISTRATION ========================================== */ .nlj-doctor-reg { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border-radius: 10px; background: #fff4f7; border: 1px solid #f0d7e0; color: #8f3153; font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; } .nlj-doctor-reg span { width: 19px; height: 19px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #A82F5C; color: #ffffff; font-size: 10px; } /* ========================================== HOVER ========================================== */ .nlj-doctor-card { transition: transform .3s ease, box-shadow .3s ease; } .nlj-doctor-card:hover { transform: translateY(-4px); box-shadow: 0 20px 45px rgba(23, 105, 176, .12); } /* ========================================== TABLET ========================================== */ @media (max-width: 950px) { .nlj-goal-container { grid-template-columns: 1fr; max-width: 700px; gap: 35px; padding: 40px 35px; } .nlj-goal-message { text-align: center; padding-left: 0; } .nlj-goal-message h2 { font-size: 42px; } .nlj-goal-line { margin-left: auto; margin-right: auto; } .nlj-doctor-card { width: 100%; max-width: 550px; margin: 0 auto; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .nlj-goal-section { padding: 20px 12px; } .nlj-goal-container { padding: 35px 17px; border-radius: 20px; gap: 28px; } .nlj-goal-message h2 { font-size: 29px; line-height: 1.4; letter-spacing: -.5px; } .nlj-quote-mark { font-size: 75px; } .nlj-quote-left { left: -7px; top: -38px; } .nlj-quote-right { right: 0; bottom: -48px; } .nlj-goal-message h2 span::after { height: 3px; bottom: -4px; } .nlj-goal-line { width: 55px; height: 4px; margin-top: 21px; } /* Doctor */ .nlj-doctor-card { flex-direction: column; text-align: center; gap: 15px; padding: 22px 16px 19px; min-height: auto; border-radius: 19px; } .nlj-doctor-image-wrap { width: 110px; min-width: 110px; height: 135px; } .nlj-doctor-image { border-radius: 14px; } .nlj-doctor-check { width: 27px; height: 27px; right: -7px; bottom: 7px; font-size: 12px; } .nlj-doctor-label { font-size: 9px; padding: 6px 11px; } .nlj-doctor-info h3 { font-size: 22px; } .nlj-doctor-degree { font-size: 12px; margin-bottom: 10px; } .nlj-doctor-reg { font-size: 9px; padding: 7px 10px; } .nlj-doctor-reg span { width: 17px; height: 17px; font-size: 9px; } } /* ========================================== SMALL MOBILE ========================================== */ @media (max-width: 380px) { .nlj-goal-container { padding: 10px 10px; } .nlj-goal-message h2 { font-size: 26px; } .nlj-doctor-info h3 { font-size: 20px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dfd2f2c *//* ===================================================== LACTOFLOW BCSIR TEST SECTION BRAND COLORS Deep Blue : #0D4F87 Blue : #1769B0 Pink : #D41468 ===================================================== */ .nlfp-bcsir-section { width: 100%; padding: 10px 10px 10px; box-sizing: border-box; background: #FFFFFF; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; text-align: center; } /* ===================================================== CONTAINER ===================================================== */ .nlfp-bcsir-container { width: 100%; max-width: 720px; margin: 0 auto; } /* ===================================================== HEADING ===================================================== */ .nlfp-bcsir-heading { margin-bottom: 22px; } .nlfp-bcsir-heading h2 { margin: 0 0 3px; color: #0D4F87; font-size: clamp(20px, 3vw, 30px); line-height: 1.4; font-weight: 900; } .nlfp-bcsir-heading h3 { margin: 0; color: #1769B0; font-size: clamp(17px, 2.5vw, 24px); line-height: 1.4; font-weight: 800; } .nlfp-bcsir-heading h3 span { color: #D41468; } /* ===================================================== REPORT ===================================================== */ .nlfp-bcsir-report { width: 100%; max-width: 450px; margin: 0 auto; padding: 7px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #D8E6F0; border-radius: 12px; box-shadow: 0 10px 30px rgba(13,79,135,.10); } /* REPORT IMAGE */ .nlfp-bcsir-report img { display: block; width: 100%; height: auto; border-radius: 7px; } /* ===================================================== DESKTOP ===================================================== */ @media (min-width: 901px) { .nlfp-bcsir-section { padding: 10px 20px 10px; } .nlfp-bcsir-report { max-width: 410px; } } /* ===================================================== TABLET ===================================================== */ @media (max-width: 700px) { .nlfp-bcsir-section { padding: 38px 15px 45px; } .nlfp-bcsir-heading { margin-bottom: 18px; } .nlfp-bcsir-report { max-width: 370px; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 500px) { .nlfp-bcsir-section { padding: 10px 12px 10px; } .nlfp-bcsir-heading h2 { font-size: 18px; } .nlfp-bcsir-heading h3 { font-size: 15px; } .nlfp-bcsir-heading { margin-bottom: 15px; } .nlfp-bcsir-report { max-width: 320px; padding: 5px; border-radius: 10px; } } /* ===================================================== SMALL MOBILE ===================================================== */ @media (max-width: 360px) { .nlfp-bcsir-heading h2 { font-size: 16px; } .nlfp-bcsir-heading h3 { font-size: 14px; } .nlfp-bcsir-report { max-width: 285px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1d968d1 *//* ================================ NLFp Customer Reviews ================================ */ .nlfp-reviews { width: 100%; padding: 10px 10px 0px; background: radial-gradient( circle at 8% 20%, rgba(23, 105, 176, 0.06), transparent 28% ), radial-gradient( circle at 92% 85%, rgba(212, 20, 104, 0.06), transparent 30% ), #ffffff; overflow: hidden; } /* ================================ Header ================================ */ .nlfp-review-head { max-width: 1100px; margin: 0 auto 38px; text-align: center; } /* Social proof */ .nlfp-social-proof { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } /* Avatar group */ .nlfp-avatar-group { display: flex; align-items: center; margin-right: -3px; z-index: 2; } .nlfp-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; margin-left: -12px; box-shadow: 0 5px 15px rgba(13, 79, 135, 0.15); background: #f5f7fa; } .nlfp-avatar:first-child { margin-left: 0; } .nlfp-avatar img { width: 100%; height: 100%; object-fit: cover; } /* 10K badge */ .nlfp-count { width: 78px; height: 78px; margin-left: -2px; border-radius: 50%; background: linear-gradient( 145deg, #D41468, #b70d55 ); color: #ffffff; border: 4px solid #ffffff; box-shadow: 0 8px 25px rgba(212, 20, 104, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 4; } .nlfp-count strong { font-family: Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 800; } .nlfp-count span { margin-top: 5px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 8px; font-weight: 600; white-space: nowrap; } /* Badge */ .nlfp-feedback-badge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 16px; border: 1px solid #c9e0f2; border-radius: 30px; background: #f7fbff; color: #1769B0; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; } /* Heading */ .nlfp-review-head h2 { margin: 14px 0 4px; color: #0D4F87; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.25; } .nlfp-review-head h2 span { color: #0D4F87; } .nlfp-review-head h2 b { color: #D41468; font-weight: 800; } .nlfp-review-head p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 22px; font-weight: 600; } /* ================================ Review Grid ================================ */ .nlfp-review-grid { width: 100%; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } /* Review card */ .nlfp-review-card { position: relative; background: #ffffff; border: 1px solid #dce8f1; border-radius: 19px; padding: 7px; overflow: hidden; box-shadow: 0 8px 28px rgba(13, 79, 135, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .nlfp-review-card:hover { transform: translateY(-5px); box-shadow: 0 16px 38px rgba(13, 79, 135, 0.12); } /* Top blue-pink line */ .nlfp-review-top { position: absolute; top: 0; left: 42px; right: 42px; height: 3px; background: linear-gradient( 90deg, #1769B0 0%, #1769B0 50%, #D41468 50%, #D41468 100% ); border-radius: 0 0 10px 10px; } /* Image */ .nlfp-review-image { width: 100%; height: 415px; margin-top: 2px; border-radius: 14px; overflow: hidden; background: #f8fafc; display: flex; align-items: center; justify-content: center; } .nlfp-review-image img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Footer */ .nlfp-review-footer { height: 30px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; color: #8b99a6; } .nlfp-heart { color: #D41468; font-size: 15px; } /* ================================ Tablet ================================ */ @media (max-width: 900px) { .nlfp-reviews { padding: 45px 16px 55px; } .nlfp-review-grid { gap: 14px; } .nlfp-review-image { height: 360px; } .nlfp-avatar { width: 50px; height: 50px; } .nlfp-count { width: 70px; height: 70px; } } /* ================================ Mobile ================================ */ @media (max-width: 650px) { .nlfp-reviews { padding: 10px 12px 10px; } .nlfp-review-head { margin-bottom: 25px; } .nlfp-social-proof { margin-bottom: 14px; } .nlfp-avatar { width: 45px; height: 45px; margin-left: -10px; border-width: 2px; } .nlfp-count { width: 65px; height: 65px; border-width: 3px; } .nlfp-count strong { font-size: 10px; } .nlfp-count span { font-size: 7px; } .nlfp-review-head h2 { font-size: 28px; line-height: 1.3; margin-top: 11px; } .nlfp-review-head p { font-size: 11px; } /* Horizontal review slider */ .nlfp-review-grid { display: flex; overflow-x: auto; gap: 12px; margin-left: 0; margin-right: -12px; padding-right: 12px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; } .nlfp-review-grid::-webkit-scrollbar { display: none; } .nlfp-review-card { flex: 0 0 78%; scroll-snap-align: start; border-radius: 16px; } .nlfp-review-image { height: 410px; } } /* Small mobile */ @media (max-width: 380px) { .nlfp-avatar { width: 40px; height: 40px; } .nlfp-count { width: 60px; height: 60px; } .nlfp-review-head h2 { font-size: 25px; } .nlfp-review-card { flex-basis: 82%; } .nlfp-review-image { height: 390px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-02ea559 *//* ===================================================== LACTOFLOW PREMIUM OFFER SECTION Unique Prefix: nlfp- Brand Colors Blue : #1769B0 DeepBlue : #0D4F87 Burgundy : #A82F5C SoftPink : #FFF3F7 ===================================================== */ .nlfp-offer { width: 100%; box-sizing: border-box; padding: 10px 20px 5px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #fff8fb 100% ); font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; } .nlfp-wrap { width: 100%; max-width: 760px; margin: 0 auto; text-align: center; position: relative; } /* ===================================================== HEADING ===================================================== */ .nlfp-heading { position: relative; z-index: 3; } .nlfp-heading-small { display: inline-block; margin-bottom: 9px; padding: 6px 16px; border-radius: 50px; background: #edf6fc; border: 1px solid #d3e7f3; color: #1769B0; font-size: 12px; font-weight: 800; } .nlfp-heading h2 { margin: 0; color: #12344E; font-size: clamp(34px, 5vw, 54px); line-height: 1.25; font-weight: 900; letter-spacing: -1px; } .nlfp-heading h2 span { color: #A82F5C; position: relative; } .nlfp-heading h2 span::after { content: ""; position: absolute; left: 5%; right: 5%; bottom: -4px; height: 4px; border-radius: 50px; background: #1769B0; opacity: .8; } .nlfp-heading p { margin: 9px 0 0; color: #1769B0; font-family: Arial, sans-serif; font-size: 17px; font-weight: 800; } /* ===================================================== PRODUCT AREA ===================================================== */ .nlfp-product-area { width: 330px; height: 330px; margin: 35px auto 18px; position: relative; display: flex; align-items: center; justify-content: center; } /* Outer Ring */ .nlfp-product-ring { position: absolute; width: 275px; height: 275px; border-radius: 50%; border: 1px solid rgba(23, 105, 176, .18); background: radial-gradient( circle, #ffffff 0%, #ffffff 60%, #fff4f7 100% ); box-shadow: 0 15px 45px rgba(23, 105, 176, .08), inset 0 0 0 10px rgba(23, 105, 176, .025); } /* Second Ring */ .nlfp-product-ring::before { content: ""; position: absolute; inset: 12px; border-radius: 50%; border: 1px dashed rgba(168, 47, 92, .25); } /* Glow */ .nlfp-product-glow { position: absolute; width: 250px; height: 250px; border-radius: 50%; background: radial-gradient( circle, rgba(168, 47, 92, .12), transparent 68% ); filter: blur(10px); } /* Product */ .nlfp-product { position: relative; z-index: 2; width: 185px; height: 260px; object-fit: cover; object-position: center; border-radius: 14px; filter: drop-shadow( 0 18px 18px rgba(18, 52, 78, .18) ); transform: rotate(-2deg); } /* ===================================================== MESSAGE CARD ===================================================== */ .nlfp-message { position: relative; width: 100%; min-height: 95px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 17px 80px; border-radius: 15px 15px 10px 10px; background: linear-gradient( 135deg, #effcf7, #f7fffc ); border: 1px solid #a9dfce; box-shadow: 0 8px 25px rgba(38, 145, 90, .06); } /* Message */ .nlfp-message-text { position: relative; z-index: 2; } .nlfp-message-text strong { display: block; color: #12344E; font-size: 24px; line-height: 1.4; font-weight: 900; } .nlfp-message-text strong span { color: #26915A; } .nlfp-message-text p { margin: 3px 0 0; color: #648078; font-size: 12px; line-height: 1.5; } /* ===================================================== DECORATIVE MINI BOTTLES ===================================================== */ .nlfp-mini-bottle { position: absolute; width: 70px; height: 85px; overflow: hidden; } .nlfp-mini-bottle img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 9px; filter: drop-shadow( 0 8px 8px rgba(18, 52, 78, .14) ); } .nlfp-bottle-left { left: -12px; bottom: -25px; transform: rotate(-20deg); } .nlfp-bottle-right { right: -12px; bottom: -25px; transform: rotate(20deg); } /* ===================================================== PRICE BOX ===================================================== */ .nlfp-price-box { width: 100%; display: grid; grid-template-columns: 1fr 1.15fr 1fr; align-items: stretch; margin-top: 0; border: 1px solid #b8dbe8; border-top: 0; border-radius: 0 0 14px 14px; background: #ffffff; overflow: hidden; } /* Old Price */ .nlfp-old-price, .nlfp-saving { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 75px; padding: 8px; box-sizing: border-box; } .nlfp-old-price span, .nlfp-saving span { color: #7c8b94; font-size: 11px; } .nlfp-old-price del { margin-top: 2px; color: #999999; font-size: 19px; font-weight: 800; } /* Current Price */ .nlfp-current-price { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 9px; background: linear-gradient( 135deg, #A82F5C, #c83c6e ); color: #ffffff; transform: scaleY(1.08); border-radius: 8px; box-shadow: 0 7px 18px rgba(168, 47, 92, .20); } .nlfp-current-price small { font-size: 10px; font-weight: 700; opacity: .9; } .nlfp-current-price strong { margin-top: 1px; font-family: Arial, sans-serif; font-size: 31px; line-height: 1; } /* Saving */ .nlfp-saving span { color: #1769B0; } .nlfp-saving strong { color: #1769B0; font-family: Arial, sans-serif; font-size: 21px; } /* ===================================================== CTA ===================================================== */ .nlfp-order { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 175px; margin-top: 32px; padding: 13px 28px; box-sizing: border-box; border-radius: 50px; text-decoration: none; color: #ffffff; background: linear-gradient( 135deg, #1769B0, #0D4F87 ); font-size: 16px; font-weight: 900; box-shadow: 0 12px 28px rgba(23, 105, 176, .22); transition: transform .25s ease, box-shadow .25s ease; } .nlfp-order span { font-family: Arial, sans-serif; font-size: 19px; } .nlfp-order:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(23, 105, 176, .28); } /* ===================================================== NOTE ===================================================== */ .nlfp-note { margin-top: 12px; color: #A82F5C; font-size: 10px; font-weight: 700; } /* ===================================================== TABLET ===================================================== */ @media (max-width: 650px) { .nlfp-offer { padding: 10px 13px 10px; } .nlfp-heading-small { font-size: 10px; padding: 6px 13px; } .nlfp-heading h2 { font-size: 31px; line-height: 1.3; } .nlfp-heading p { font-size: 14px; } .nlfp-product-area { width: 280px; height: 285px; margin-top: 25px; } .nlfp-product-ring { width: 245px; height: 245px; } .nlfp-product { width: 155px; height: 225px; } .nlfp-product-glow { width: 220px; height: 220px; } .nlfp-message { min-height: 90px; padding: 15px 58px; } .nlfp-message-text strong { font-size: 18px; } .nlfp-message-text p { font-size: 10px; } .nlfp-mini-bottle { width: 55px; height: 70px; } .nlfp-bottle-left { left: -8px; bottom: -18px; } .nlfp-bottle-right { right: -8px; bottom: -18px; } .nlfp-price-box { grid-template-columns: 1fr 1.15fr 1fr; } .nlfp-old-price, .nlfp-saving { min-height: 65px; } .nlfp-old-price del { font-size: 15px; } .nlfp-current-price strong { font-size: 25px; } .nlfp-saving strong { font-size: 17px; } .nlfp-order { margin-top: 25px; min-width: 165px; padding: 12px 23px; font-size: 14px; } } /* ===================================================== SMALL MOBILE ===================================================== */ @media (max-width: 400px) { .nlfp-heading h2 { font-size: 27px; } .nlfp-product-area { width: 255px; height: 260px; } .nlfp-product-ring { width: 220px; height: 220px; } .nlfp-product { width: 140px; height: 205px; } .nlfp-message { padding-left: 48px; padding-right: 48px; } .nlfp-message-text strong { font-size: 16px; } .nlfp-message-text p { font-size: 9px; } .nlfp-mini-bottle { width: 48px; height: 62px; } .nlfp-old-price span, .nlfp-saving span { font-size: 9px; } .nlfp-old-price del { font-size: 13px; } .nlfp-current-price small { font-size: 8px; } .nlfp-current-price strong { font-size: 22px; } .nlfp-saving strong { font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-74eb4fd *//* ================================ NLFp Customer Reviews ================================ */ .nlfp-reviews { width: 100%; padding: 10px 10px 0px; background: radial-gradient( circle at 8% 20%, rgba(23, 105, 176, 0.06), transparent 28% ), radial-gradient( circle at 92% 85%, rgba(212, 20, 104, 0.06), transparent 30% ), #ffffff; overflow: hidden; } /* ================================ Header ================================ */ .nlfp-review-head { max-width: 1100px; margin: 0 auto 38px; text-align: center; } /* Social proof */ .nlfp-social-proof { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } /* Avatar group */ .nlfp-avatar-group { display: flex; align-items: center; margin-right: -3px; z-index: 2; } .nlfp-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; margin-left: -12px; box-shadow: 0 5px 15px rgba(13, 79, 135, 0.15); background: #f5f7fa; } .nlfp-avatar:first-child { margin-left: 0; } .nlfp-avatar img { width: 100%; height: 100%; object-fit: cover; } /* 10K badge */ .nlfp-count { width: 78px; height: 78px; margin-left: -2px; border-radius: 50%; background: linear-gradient( 145deg, #D41468, #b70d55 ); color: #ffffff; border: 4px solid #ffffff; box-shadow: 0 8px 25px rgba(212, 20, 104, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 4; } .nlfp-count strong { font-family: Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 800; } .nlfp-count span { margin-top: 5px; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 8px; font-weight: 600; white-space: nowrap; } /* Badge */ .nlfp-feedback-badge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 16px; border: 1px solid #c9e0f2; border-radius: 30px; background: #f7fbff; color: #1769B0; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; } /* Heading */ .nlfp-review-head h2 { margin: 14px 0 4px; color: #0D4F87; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.25; } .nlfp-review-head h2 span { color: #0D4F87; } .nlfp-review-head h2 b { color: #D41468; font-weight: 800; } .nlfp-review-head p { margin: 0; color: #0C0D0E; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; font-size: 22px; font-weight: 600; } /* ================================ Review Grid ================================ */ .nlfp-review-grid { width: 100%; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } /* Review card */ .nlfp-review-card { position: relative; background: #ffffff; border: 1px solid #dce8f1; border-radius: 19px; padding: 7px; overflow: hidden; box-shadow: 0 8px 28px rgba(13, 79, 135, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .nlfp-review-card:hover { transform: translateY(-5px); box-shadow: 0 16px 38px rgba(13, 79, 135, 0.12); } /* Top blue-pink line */ .nlfp-review-top { position: absolute; top: 0; left: 42px; right: 42px; height: 3px; background: linear-gradient( 90deg, #1769B0 0%, #1769B0 50%, #D41468 50%, #D41468 100% ); border-radius: 0 0 10px 10px; } /* Image */ .nlfp-review-image { width: 100%; height: 415px; margin-top: 2px; border-radius: 14px; overflow: hidden; background: #f8fafc; display: flex; align-items: center; justify-content: center; } .nlfp-review-image img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Footer */ .nlfp-review-footer { height: 30px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; color: #8b99a6; } .nlfp-heart { color: #D41468; font-size: 15px; } /* ================================ Tablet ================================ */ @media (max-width: 900px) { .nlfp-reviews { padding: 45px 16px 55px; } .nlfp-review-grid { gap: 14px; } .nlfp-review-image { height: 360px; } .nlfp-avatar { width: 50px; height: 50px; } .nlfp-count { width: 70px; height: 70px; } } /* ================================ Mobile ================================ */ @media (max-width: 650px) { .nlfp-reviews { padding: 10px 12px 10px; } .nlfp-review-head { margin-bottom: 25px; } .nlfp-social-proof { margin-bottom: 14px; } .nlfp-avatar { width: 45px; height: 45px; margin-left: -10px; border-width: 2px; } .nlfp-count { width: 65px; height: 65px; border-width: 3px; } .nlfp-count strong { font-size: 10px; } .nlfp-count span { font-size: 7px; } .nlfp-review-head h2 { font-size: 28px; line-height: 1.3; margin-top: 11px; } .nlfp-review-head p { font-size: 11px; } /* Horizontal review slider */ .nlfp-review-grid { display: flex; overflow-x: auto; gap: 12px; margin-left: 0; margin-right: -12px; padding-right: 12px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; } .nlfp-review-grid::-webkit-scrollbar { display: none; } .nlfp-review-card { flex: 0 0 78%; scroll-snap-align: start; border-radius: 16px; } .nlfp-review-image { height: 410px; } } /* Small mobile */ @media (max-width: 380px) { .nlfp-avatar { width: 40px; height: 40px; } .nlfp-count { width: 60px; height: 60px; } .nlfp-review-head h2 { font-size: 25px; } .nlfp-review-card { flex-basis: 82%; } .nlfp-review-image { height: 390px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9f44030 *//* ========================================================= LACTOFLOW BRAND FAQ UNIQUE PREFIX: nlf-brand-faq- BRAND COLORS Primary Blue : #1769B0 Deep Blue : #0D4F87 Pink : #D41468 Soft Pink : #FFF4F8 ========================================================= */ .nlf-brand-faq { width: 100%; padding: 10px 20px 10px; box-sizing: border-box; overflow: hidden; background: radial-gradient( circle at 8% 15%, rgba(23,105,176,.06), transparent 24% ), radial-gradient( circle at 92% 85%, rgba(212,20,104,.055), transparent 25% ), #FCFDFF; font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif; } /* ========================================================= CONTAINER ========================================================= */ .nlf-brand-faq-wrap { width: 100%; max-width: 1000px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .nlf-brand-faq-header { text-align: center; margin-bottom: 30px; } /* TOP TAG */ .nlf-brand-faq-tag { display: inline-flex; align-items: center; gap: 7px; padding: 7px 16px; border-radius: 50px; background: #EEF7FD; border: 1px solid #CFE5F4; color: #1769B0; font-size: 12px; font-weight: 800; } .nlf-brand-faq-tag span { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #1769B0; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; } /* HEADING */ .nlf-brand-faq-header h2 { margin: 14px 0 5px; color: #0D4F87; font-size: clamp(31px, 4vw, 44px); line-height: 1.3; font-weight: 900; letter-spacing: -.7px; } .nlf-brand-faq-header h2 span { color: #D41468; } .nlf-brand-faq-header p { margin: 0; color: #78909C; font-size: 12px; font-weight: 500; } /* ========================================================= FAQ LIST ========================================================= */ .nlf-brand-faq-list { display: flex; flex-direction: column; gap: 13px; } /* ========================================================= FAQ CARD ========================================================= */ .nlf-brand-faq-item { position: relative; background: #ffffff; border: 1px solid #DCEAF3; border-radius: 16px; overflow: hidden; box-shadow: 0 5px 22px rgba(13,79,135,.045); transition: border-color .25s ease, box-shadow .25s ease; } /* Pink top accent */ .nlf-brand-faq-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 3px; background: #D41468; transition: width .35s ease; } .nlf-brand-faq-item:hover { border-color: #BFD8E8; box-shadow: 0 9px 28px rgba(13,79,135,.08); } /* ========================================================= OPEN CARD ========================================================= */ .nlf-brand-faq-item[open] { border-color: #1769B0; box-shadow: 0 12px 32px rgba(23,105,176,.10); } .nlf-brand-faq-item[open]::before { width: 100%; } /* ========================================================= QUESTION ========================================================= */ .nlf-brand-faq-item summary { min-height: 72px; padding: 0 20px 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; box-sizing: border-box; cursor: pointer; list-style: none; } .nlf-brand-faq-item summary::-webkit-details-marker { display: none; } .nlf-brand-faq-question { color: #12344E; font-size: 17px; line-height: 1.5; font-weight: 800; } /* ========================================================= PLUS ICON ========================================================= */ .nlf-brand-faq-icon { width: 35px; min-width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #F1F8FD; border: 1px solid #D2E6F2; color: #1769B0; font-family: Arial, sans-serif; font-size: 25px; font-weight: 400; line-height: 1; transition: .3s ease; } /* OPEN ICON */ .nlf-brand-faq-item[open] .nlf-brand-faq-icon { background: #D41468; border-color: #D41468; color: #ffffff; transform: rotate(45deg); } /* ========================================================= ANSWER ========================================================= */ .nlf-brand-faq-answer { padding: 0 24px 22px; color: #0C0D0E; font-size: 19px; line-height: 1.8; font-weight: 500; } .nlf-brand-faq-answer p { margin: 0 0 10px; } .nlf-brand-faq-answer p:last-of-type { margin-bottom: 14px; } /* ========================================================= ANSWER HIGHLIGHT ========================================================= */ .nlf-brand-faq-highlight { display: flex; align-items: flex-start; gap: 9px; padding: 11px 13px; border-left: 3px solid #D41468; border-radius: 0 8px 8px 0; background: #FFF4F8; color: #7D5366; font-size: 11px; line-height: 1.65; } .nlf-brand-faq-highlight span { width: 18px; height: 18px; min-width: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #D41468; color: #ffffff; font-family: Arial, sans-serif; font-size: 10px; font-weight: 900; } /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 900px) { .nlf-brand-faq-item summary { min-height: 76px; padding-left: 27px; padding-right: 25px; } .nlf-brand-faq-question { font-size: 28px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .nlf-brand-faq { padding: 10px 12px 10px; } .nlf-brand-faq-header { margin-bottom: 23px; } .nlf-brand-faq-tag { padding: 6px 13px; font-size: 10px; } .nlf-brand-faq-tag span { width: 16px; height: 16px; font-size: 10px; } .nlf-brand-faq-header h2 { margin-top: 12px; font-size: 28px; line-height: 1.35; } .nlf-brand-faq-header p { font-size: 10px; } .nlf-brand-faq-list { gap: 10px; } .nlf-brand-faq-item { border-radius: 14px; } .nlf-brand-faq-item summary { min-height: 62px; padding: 0 13px 0 16px; gap: 10px; } .nlf-brand-faq-question { font-size: 13px; line-height: 1.5; } .nlf-brand-faq-icon { width: 30px; min-width: 30px; height: 30px; font-size: 21px; } .nlf-brand-faq-answer { padding: 0 16px 17px; font-size: 11px; line-height: 1.75; } .nlf-brand-faq-highlight { padding: 9px 10px; font-size: 9px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .nlf-brand-faq-header h2 { font-size: 25px; } .nlf-brand-faq-question { font-size: 12px; } .nlf-brand-faq-item summary { min-height: 59px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-61b224f */.hk-footer { width: 100%; background: #111111; border-top: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .hk-footer-inner { width: 100%; min-height: 100px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; } /* Left Text */ .hk-copyright { color: #999999; font-size: 15px; font-weight: 400; line-height: 1.5; } .hk-copyright strong { color: #ffffff; font-weight: 600; } .hk-copyright span { margin: 0 5px; color: #777777; } /* Right Text */ .hk-credit { color: #999999; font-size: 15px; } .hk-credit a { color: #f4c928; font-weight: 700; text-decoration: none; margin-left: 3px; transition: 0.3s ease; } .hk-credit a:hover { color: #8cbf3f; } /* Mobile */ @media (max-width: 600px) { .hk-footer-inner { min-height: auto; padding: 22px 18px; flex-direction: column; justify-content: center; gap: 8px; text-align: center; } .hk-copyright, .hk-credit { font-size: 13px; } }/* End custom CSS */