.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-42 .elementor-element.elementor-element-4c457d62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:300px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-193f14f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}body.elementor-page-42:not(.elementor-motion-effects-element-type-background), body.elementor-page-42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-913bf12 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-4c457d62{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-193f14f *//* =================================================== PERFECT RATIO MACBOOK PRO (DESKTOP VIEW) =================================================== */ @media (min-width: 768px) { /* 1. Display Lid */ .laptop-frame { position: relative !important; width: 1000px !important; max-width: 88vw !important; height: 480px !important; min-height: 480px !important; margin: 40px auto 150px auto !important; background: #000000 !important; padding: 22px 14px 0 14px !important; border-radius: 18px 18px 0 0 !important; border: 3px solid #cbd5e1 !important; border-bottom: 7px solid #0f172a !important; box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.7) !important; box-sizing: border-box !important; overflow: visible !important; } /* 2. FaceTime Camera */ .laptop-frame::before { content: '' !important; position: absolute !important; top: 8px !important; left: 50% !important; transform: translateX(-50%) !important; width: 6px !important; height: 6px !important; background: #0f172a !important; border-radius: 50% !important; box-shadow: 0 0 0 1px #334155, 12px 0 0 -1.5px #10b981 !important; z-index: 50 !important; } /* 3. Flush Perspective Keyboard Base */ .laptop-frame::after { content: '' !important; position: absolute !important; top: 100% !important; left: 0 !important; width: 100% !important; height: 110px !important; box-sizing: border-box !important; transform: perspective(650px) rotateX(46deg) !important; transform-origin: top center !important; background-color: #d1d5db !important; background-image: radial-gradient(ellipse at 50% 74%, #9ca3af 0%, #9ca3af 65px, transparent 66px), linear-gradient(180deg, #0b0f19 0%, #1e293b 100%), linear-gradient(180deg, #cbd5e1 0%, #94a3b8 100%) !important; background-repeat: no-repeat !important; background-size: 160px 40px, 82% 44px, 100% 100% !important; background-position: center 60px, center 8px, center center !important; border-radius: 0 0 18px 18px !important; border: 2px solid #94a3b8 !important; border-top: none !important; box-shadow: 0 40px 50px -10px rgba(0, 0, 0, 0.9), 0 20px 25px -10px rgba(0, 0, 0, 0.6) !important; z-index: 20 !important; pointer-events: none !important; } /* 4. Display Screen Viewport */ .laptop-frame > .e-con-inner, .laptop-frame > .elementor-widget-wrap { width: 100% !important; height: 100% !important; max-height: 100% !important; background: #0f111a !important; border-radius: 6px 6px 0 0 !important; overflow-y: auto !important; overflow-x: hidden !important; box-sizing: border-box !important; padding: 24px !important; -webkit-overflow-scrolling: touch; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } /* 5. Center form inside */ .laptop-frame .elementor-widget-shortcode, .laptop-frame .elementor-shortcode, .laptop-frame .um-login, .laptop-frame .um-form, .laptop-frame form { width: 100% !important; max-width: 440px !important; margin: auto !important; } } /* Desktop media query ekhane sesh holo */ /* =================================================== AUTHENTIC IPHONE 15/16 PRO MOCKUP (MOBILE VIEW) =================================================== */ /* =================================================== AUTHENTIC IPHONE 15/16 PRO MOCKUP (MOBILE VIEW) =================================================== */ @media (max-width: 767px) { /* 1. iPhone Outer Body */ .laptop-frame { position: relative !important; width: 360px !important; max-width: 90vw !important; height: 680px !important; margin: 30px auto 40px auto !important; background: #000000 !important; box-sizing: border-box !important; border: 12px solid #000000 !important; border-radius: 54px !important; box-shadow: 0 0 0 3px #cbd5e1, 0 25px 60px -10px rgba(0, 0, 0, 0.85) !important; overflow: hidden !important; } /* 2. Dynamic Island */ .laptop-frame::before { content: '' !important; position: absolute !important; top: 14px !important; left: 50% !important; transform: translateX(-50%) !important; width: 105px !important; height: 28px !important; background: #000000 !important; border-radius: 20px !important; box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.08) !important; z-index: 999 !important; pointer-events: none !important; background-image: radial-gradient(circle at 26px center, #0f172a 4px, #050505 5px, transparent 6px), radial-gradient(circle at 78px center, #1e293b 3px, transparent 4px) !important; background-repeat: no-repeat !important; } /* 3. iOS Home Indicator Bar */ .laptop-frame::after { content: '' !important; display: block !important; position: absolute !important; top: auto !important; bottom: 8px !important; left: 50% !important; transform: translateX(-50%) !important; width: 135px !important; height: 4.5px !important; background: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: none !important; opacity: 0.65 !important; z-index: 999 !important; pointer-events: none !important; } /* 4. Display Screen Viewport */ .laptop-frame > .e-con-inner, .laptop-frame > .elementor-widget-wrap { position: relative !important; width: 100% !important; height: 100% !important; background: #0f111a !important; border-radius: 42px !important; box-sizing: border-box !important; padding: 20px !important; overflow: hidden !important; } /* 5. Direct Force Middle Alignment */ .laptop-frame .elementor-widget-shortcode, .laptop-frame .elementor-shortcode, .laptop-frame .um-login, .laptop-frame .um-form, .laptop-frame form { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 88% !important; max-width: 310px !important; margin: 0 !important; } }/* End custom CSS */