.elementor-111 .elementor-element.elementor-element-57ee5a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-110px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-111 .elementor-element.elementor-element-d858050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--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-111 .elementor-element.elementor-element-d858050.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-111 .elementor-element.elementor-element-3932e56{padding:0px 0px 0px 0px;text-align:start;}.elementor-111 .elementor-element.elementor-element-4e65882{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main .elementor-item:hover, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#19D8B1;}.elementor-111 .elementor-element.elementor-element-cfad989 .e--pointer-framed .elementor-item:before, .elementor-111 .elementor-element.elementor-element-cfad989 .e--pointer-framed .elementor-item:after{border-color:#19D8B1;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown{background-color:#04100FD9;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a:hover, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a:focus, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a.highlighted, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-menu-toggle:hover, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a:hover, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a:focus, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a.highlighted{background-color:#00D4A1;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#00D4A1CF;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown .elementor-item, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-111 .elementor-element.elementor-element-cfad989 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-cfad989 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-357ee69{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-111 .elementor-element.elementor-element-ffe5f9f .elementor-button{background-color:transparent;font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(135deg, #00D4A1 0%, #00A67E 100%);border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}.elementor-111 .elementor-element.elementor-element-ffe5f9f .elementor-button:hover, .elementor-111 .elementor-element.elementor-element-ffe5f9f .elementor-button:focus{box-shadow:0px -2px 10px 0px rgba(0, 212, 61, 0.3);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-111 .elementor-element.elementor-element-d858050{--width:25%;}.elementor-111 .elementor-element.elementor-element-4e65882{--width:50%;}.elementor-111 .elementor-element.elementor-element-357ee69{--width:25%;}}@media(max-width:767px){.elementor-111 .elementor-element.elementor-element-57ee5a8{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-111 .elementor-element.elementor-element-d858050{--width:80%;--justify-content:flex-start;}.elementor-111 .elementor-element.elementor-element-4e65882{--width:20%;--justify-content:flex-end;--padding-top:0px;--padding-bottom:4px;--padding-left:0px;--padding-right:0px;}.elementor-111 .elementor-element.elementor-element-4e65882.e-con{--align-self:flex-end;}.elementor-111 .elementor-element.elementor-element-cfad989{padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-cfad989 *//* MENU ITEM */ .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu a{ position:relative; } /* HOVER EFFECT */ .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu a::after{ content:""; position:absolute; left:50%; bottom:-6px; transform:translateX(-50%) scale(0); width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,0.10); transition:all .35s ease; } /* HOVER */ .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu a:hover::after{ transform:translateX(-50%) scale(1); background:rgba(255,255,255,0.35); } /* ACTIVE MENU */ .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu .current-menu-item a::after, .elementor-111 .elementor-element.elementor-element-cfad989 .elementor-nav-menu .current_page_item a::after{ transform:translateX(-50%) scale(1); background:#00A67E; box-shadow: 0 0 8px rgba(0,166,126,0.6), 0 0 16px rgba(0,166,126,0.35); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ffe5f9f *//* LIVE DOT */ .live-dot{ width:7px; height:7px; border-radius:50%; background:#fff; display:inline-block; animation:pulse 1.2s ease-in-out infinite; } /* BLINK / PULSE EFFECT */ @keyframes pulse{ 0%{ opacity:1; transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,0.7); } 50%{ opacity:.4; transform:scale(.7); box-shadow:0 0 0 6px rgba(255,255,255,0); } 100%{ opacity:1; transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,0); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-57ee5a8 *//* ========================================================================== ১. ডিফল্ট হেডার সেটিংস (পেজ লোড হওয়ার পর, স্ক্রল করার আগে) ========================================================================== */ /* গ্লোবাল কনফ্লিক্ট এড়াতে স্পেসিফিক ক্লাস ব্যবহার */ .akib-ultimate-header-2026 { background-color: transparent !important; border: 1px solid transparent !important; box-shadow: none !important; /* আপনার দেওয়া নেগেটিভ মার্জিন যাতে স্টিকি অবস্থায়ও ১০০% কাজ করে এবং সাদা ব্যাকগ্রাউন্ড না আসে */ margin-bottom: -110px !important; /* দুই পাশের লোগো ও বাটন যাতে স্ক্রিনের দেয়ালে না ঠেকে যায় */ box-sizing: border-box !important; width: 100% !important; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* লোগোর ডিফল্ট সাইজ ও ট্রানজিশন */ .akib-ultimate-header-2026 .header-img img { max-width: 170px !important; height: auto !important; transition: all 0.5s ease-in-out !important; } /* ========================================================================== ২. ডেস্কটপ ও ট্যাব স্ক্রল ইফেক্ট (১২০px স্ক্রল হলে) ========================================================================== */ @media (min-width: 768px) { /* এডিটরের ভেতর যাতে কোনো ডিজাইন না ভাঙে */ body:not(.elementor-editor-active) .akib-ultimate-header-2026.elementor-sticky--effects { /* স্ক্রল হলে চারপাশ থেকে গ্যাপ নিয়ে ফ্লোটিং হবে, লোগো-বাটনকে গায়ে লাগতে দেবে না */ width: calc(100% - 60px) !important; left: 30px !important; right: 30px !important; margin-top: 20px !important; margin-bottom: 0px !important; /* স্ক্রল হলে নেগেটিভ মার্জিন রিলিজ হবে */ /* ভেতরের উপাদানের জন্য নিরাপদ প্যাডিং */ padding-left: 25px !important; padding-right: 25px !important; /* সফট স্মুথ রেডিয়াস */ border-radius: 20px !important; /* Transparent Glass Background */ background-color: rgba(255, 255, 255, 0.05) !important; /* Blur Effect */ backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; /* সলিড প্রিমিয়াম গ্লাস বর্ডার */ border: 1px solid rgba(0, 166, 126, 0.2) !important; /* Premium Shadow */ box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.18), 0 0 15px rgba(0, 166, 126, 0.1) !important; } } /* ========================================================================== ৩. মোবাইল স্ক্রল ইফেক্ট (৯০px স্ক্রল হলে) ========================================================================== */ @media (max-width: 767px) { body:not(.elementor-editor-active) .akib-ultimate-header-2026.elementor-sticky--effects { /* মোবাইলের রেশিও অনুযায়ী উইডথ ও পজিশন লক */ width: calc(100% - 30px) !important; left: 15px !important; right: 15px !important; margin-top: 12px !important; margin-bottom: 0px !important; padding-left: 15px !important; padding-right: 15px !important; /* মোবাইল সফট রেডিয়াস */ border-radius: 14px !important; /* Glass Background & Blur */ background-color: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; /* Border & Shadow */ border: 1px solid rgba(0, 166, 126, 0.2) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.15), 0 0 12px rgba(0, 166, 126, 0.08) !important; } } /* ========================================================================== ৪. স্ক্রল হলে লোগোর সাইজ সংকুচিত হওয়া ========================================================================== */ body:not(.elementor-editor-active) .akib-ultimate-header-2026.elementor-sticky--effects .header-img img { max-width: 135px !important; }/* End custom CSS */