.header-notification-div{font-family:var(--font-roboto),sans-serif;position:relative}.header-notification-div .header-notification-btn{color:#242b3a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.625rem;transition:all .3s;display:flex}.header-notification-div .header-notification-btn:after{content:"";z-index:-1;background:radial-gradient(circle,#0052cc1a 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-notification-div .header-notification-btn:hover,.header-notification-div .header-notification-btn[aria-expanded=true]{color:#0052cc;transform:scale(1.1)}.header-notification-div .header-notification-btn:hover:after,.header-notification-div .header-notification-btn[aria-expanded=true]:after{width:50px;height:50px}.header-notification-div .header-notification-btn .badge-count{color:#fff;background:#0052cc;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 5px #0003}.header-notification-div .dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:none;border-radius:16px;min-width:340px;max-width:340px;margin-top:.9375rem;padding:0;animation:.3s ease-out slideUpFade;overflow:hidden;box-shadow:0 15px 50px #0000001f}.header-notification-div .dropdown-menu .notification-header{background:#0052cc08;border-bottom:1px solid #0000000a;padding:.9375rem 1.25rem}.header-notification-div .dropdown-menu .notification-header h6{color:#111827;margin:0;font-size:1rem;font-weight:700}.header-notification-div .dropdown-menu .notification-scroll{max-height:400px;overflow-y:auto}.header-notification-div .dropdown-menu .notification-scroll::-webkit-scrollbar{width:5px}.header-notification-div .dropdown-menu .notification-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.header-notification-div .dropdown-menu .notification-scroll .notification-item{cursor:pointer;color:inherit;border-bottom:1px solid #00000008;align-items:start;gap:15px;padding:.9375rem 1.25rem .9375rem .625rem;text-decoration:none;transition:background .2s;display:flex;position:relative}.header-notification-div .dropdown-menu .notification-scroll .notification-item:hover{background:#0052cc05}.header-notification-div .dropdown-menu .notification-scroll .notification-item.unread{background:#0052cc0a;border-left:3px solid #0052cc}.header-notification-div .dropdown-menu .notification-scroll .notification-item .notif-icon-box{color:#0052cc;background:#f0f2f5;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:1.125rem;display:flex}.header-notification-div .dropdown-menu .notification-scroll .notification-item .notif-content{flex:1}.header-notification-div .dropdown-menu .notification-scroll .notification-item .notif-content .notif-title{color:#111827;margin-bottom:.25rem;font-size:.875rem;font-weight:600;line-height:1.3}.header-notification-div .dropdown-menu .notification-scroll .notification-item .notif-content .notif-desc{color:#656b76;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.375rem;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.header-notification-div .dropdown-menu .notification-scroll .notification-item .notif-content .notif-meta{color:#9cb0c4;justify-content:space-between;align-items:center;font-size:.6875rem;display:flex}.header-notification-div .dropdown-menu .notification-scroll .notification-item .notif-content .notif-meta .btn-read{color:#0052cc;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.header-notification-div .dropdown-menu .notification-scroll .notification-item .notif-content .notif-meta .btn-read:hover{text-decoration:underline}.header-notification-div .dropdown-menu .notification-scroll .empty-state{text-align:center;color:#656b76;padding:2.5rem 1.25rem;font-size:.875rem}.header-notification-div .dropdown-menu .notification-scroll .empty-state img{opacity:.5;width:60px;margin-bottom:10px}.header-notification-div .dropdown-menu .notification-footer{border-top:1px solid #0000000a;padding:0}.header-notification-div .dropdown-menu .notification-footer .view-all-btn{text-align:center;color:#0052cc;padding:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s;display:block}.header-notification-div .dropdown-menu .notification-footer .view-all-btn:hover{background:#0052cc0a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.header-modern{z-index:1000;width:100%;font-family:var(--font-roboto),sans-serif;position:relative}.header-modern .top-notification-bar{color:#ffffffe6;letter-spacing:.5px;background:#172b4d;justify-content:center;align-items:center;height:40px;font-size:.8125rem;display:flex;position:relative;overflow:hidden}.header-modern .top-notification-bar:before{content:"";background:linear-gradient(45deg,#0000 45%,#ffffff0d 50%,#0000 55%) 0 0/200% 200%;animation:3s linear infinite sheen;position:absolute;inset:0}.header-modern .top-notification-bar .notification-content{z-index:2;align-items:center;gap:10px;font-weight:500;display:flex;position:relative}.header-modern .top-notification-bar .notification-content a{color:inherit;text-decoration:none;transition:opacity .3s}.header-modern .top-notification-bar .notification-content a:hover{opacity:1;text-decoration:underline}.header-modern .top-notification-bar .notification-content strong{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#0052cc;border-radius:4px;padding:.125rem .5rem;font-size:.6875rem;font-weight:800}.header-modern .top-notification-bar .top-social-icons{z-index:5;position:relative}.header-modern .top-notification-bar .top-social-icons a{color:#fffc;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.header-modern .top-notification-bar .top-social-icons a:hover{color:#fff;background:#0052cc;transform:translateY(-2px)scale(1.1);box-shadow:0 4px 10px #0003}.header-modern .main-navbar{background:0 0;border-bottom:1px solid #00000008;height:auto;padding:0;transition:all .4s cubic-bezier(.165,.84,.44,1)}.header-modern .main-navbar.sticky{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-bottom:1px solid #0000000d;height:auto;animation:.5s forwards slideDown;position:sticky;top:0;box-shadow:0 10px 40px -10px #00000014}.header-modern .main-navbar .container-fluid{max-width:1600px;height:100%;margin:0 auto;padding:0 1.875rem}@media (max-width:1200px){.header-modern .main-navbar .container-fluid{padding:0 20px}}.header-modern .main-navbar .navbar-brand{z-index:10;align-items:center;margin-right:1.875rem;transition:transform .3s;display:flex;position:relative}.header-modern .main-navbar .navbar-brand:hover{transform:scale(1.02)}.header-modern .main-navbar .navbar-brand .logo-img{object-fit:contain}.header-modern .main-navbar .nav-links-desktop{align-items:center;gap:5px;height:100%;display:flex}.header-modern .main-navbar .nav-links-desktop .nav-link-item{color:#242b3a;white-space:nowrap;border-radius:50px;padding:.5rem 1rem;font-size:.9375rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.header-modern .main-navbar .nav-links-desktop .nav-link-item:hover{color:#0052cc;background:#0052cc0a}.header-modern .main-navbar .nav-links-desktop .nav-link-item.active{color:#0052cc;background:#0052cc14;box-shadow:inset 0 2px 10px #0052cc0d}.header-modern .main-navbar .search-area-modern{z-index:5;flex:1;max-width:450px;margin:0 1.25rem;position:relative}.header-modern .main-navbar .search-area-modern .search-wrapper{background:#f3f4f6;border:2px solid #0000;border-radius:12px;align-items:center;padding:.1875rem .25rem;transition:all .3s;display:flex}.header-modern .main-navbar .search-area-modern .search-wrapper:focus-within{background:#fff;border-color:#0052cc;box-shadow:0 0 0 4px #0052cc1a}.header-modern .main-navbar .search-area-modern .search-wrapper .search-icon{color:#9cb0c4;min-width:20px;margin-left:.75rem;margin-right:.5rem;font-size:1.25rem}.header-modern .main-navbar .search-area-modern .search-wrapper input{color:#111827;background:0 0;border:none;outline:none;width:50%;height:38px;font-size:.875rem;font-weight:500}.header-modern .main-navbar .search-area-modern .search-wrapper input::placeholder{color:#9cb0c4;font-weight:400}.header-modern .main-navbar .search-area-modern .search-wrapper .location-trigger{border-left:1px solid #00000014;width:50%;margin-left:.5rem;margin-right:.5rem;padding-left:.75rem}.header-modern .main-navbar .search-area-modern .search-wrapper .location-trigger input{color:#656b76;width:100%;font-size:.8125rem}.header-modern .main-navbar .search-area-modern .search-wrapper .location-trigger input::placeholder{color:#9cb0c4}.header-modern .main-navbar .header-actions{align-items:center;gap:10px;display:flex}.header-modern .main-navbar .header-actions .lang-switcher{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:.5rem .75rem;transition:all .3s;display:flex}.header-modern .main-navbar .header-actions .lang-switcher:hover{background:#f8f9fa;border-color:#eee}.header-modern .main-navbar .header-actions .lang-switcher span{color:#111827;font-size:.875rem;font-weight:700}.header-modern .main-navbar .header-actions .action-btn{cursor:pointer;letter-spacing:.3px;border-radius:50px;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.header-modern .main-navbar .header-actions .action-btn.btn-login{color:#111827;background:#fff;border:1px solid #0000001a;justify-content:center;gap:8px;min-width:fit-content;padding:.5rem 1.5rem}.header-modern .main-navbar .header-actions .action-btn.btn-login:hover{color:#0052cc;border-color:#0052cc;box-shadow:0 4px 15px #0000000d}.header-modern .main-navbar .header-actions .action-btn.btn-profile-trigger{color:#111827;background:#fff;border:1px solid #e0e0e0;border-radius:50px;justify-content:flex-start;align-items:center;gap:10px;min-width:120px;padding:.25rem .75rem .25rem .25rem;display:flex}.header-modern .main-navbar .header-actions .action-btn.btn-profile-trigger:hover,.header-modern .main-navbar .header-actions .action-btn.btn-profile-trigger[aria-expanded=true]{border-color:#0052cc;box-shadow:0 4px 12px #00000014}.header-modern .main-navbar .header-actions .action-btn.btn-profile-trigger svg:first-child{color:#0052cc;background:#f5f5f5;border-radius:50%;width:32px;height:32px;padding:.375rem}.header-modern .main-navbar .header-actions .action-btn.btn-profile-trigger span{white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.875rem;font-weight:600;overflow:hidden}.header-modern .main-navbar .header-actions .action-btn.btn-join{color:#fff;background:#111827;border:2px solid #111827;box-shadow:0 4px 15px #00000026}.header-modern .main-navbar .header-actions .action-btn.btn-join:hover{background:#0052cc;border-color:#0052cc;box-shadow:0 8px 25px #0052cc4d}.header-modern .main-navbar .header-actions .action-btn.btn-icon{color:#111827;background:#f0f2f5;border-radius:50%;width:40px;height:40px;padding:.5rem}.header-modern .main-navbar .header-actions .action-btn.btn-icon:hover{color:#fff;background:#0052cc}.header-modern .main-navbar .header-actions .dropdown-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #ffffff80;border-radius:16px;min-width:200px;padding:.625rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) dropFade;box-shadow:0 15px 50px #00000026;margin-top:.9375rem!important}.header-modern .main-navbar .header-actions .dropdown-menu:before{content:"";background:#fffffff2;border-top:1px solid #ffffff80;border-left:1px solid #ffffff80;width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.header-modern .main-navbar .header-actions .dropdown-menu li{margin-bottom:.25rem}.header-modern .main-navbar .header-actions .dropdown-menu li:last-child{margin-bottom:0}.header-modern .main-navbar .header-actions .dropdown-menu .dropdown-item{color:#111827;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.header-modern .main-navbar .header-actions .dropdown-menu .dropdown-item:hover,.header-modern .main-navbar .header-actions .dropdown-menu .dropdown-item:focus{color:#0052cc;background:#f0f4f8;transform:translate(4px)}.header-modern .main-navbar .header-actions .dropdown-menu .dropdown-item.text-danger{color:#dc3545}.header-modern .main-navbar .header-actions .dropdown-menu .dropdown-item.text-danger:hover{color:#dc3545;background:#dc354514}.header-modern .main-navbar .header-actions .dropdown-menu .dropdown-item svg{opacity:.8;font-size:1.125rem;transition:transform .2s}.header-modern .main-navbar .header-actions .dropdown-menu .dropdown-item:hover svg{opacity:1;transform:scale(1.1)}.search-suggestions-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;background:#fffffffa;border:1px solid #fffc;border-radius:16px;padding:.625rem;animation:.3s ease-out dropFade;position:absolute;top:calc(100% + 15px);left:0;right:0;overflow:hidden;box-shadow:0 20px 60px #0000001f}.search-suggestions-dropdown .suggestion-item{cursor:pointer;border-radius:10px;align-items:center;gap:15px;padding:.75rem;transition:all .2s;display:flex;border-bottom:none!important}.search-suggestions-dropdown .suggestion-item:hover{background:#f1f5f9;transform:scale(.99)}.search-suggestions-dropdown .suggestion-item .suggestion-thumbnail{border-radius:8px;width:48px;height:48px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.search-suggestions-dropdown .suggestion-item .suggestion-thumbnail img{object-fit:cover;width:100%;height:100%}.search-suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text{color:#111827;font-size:.9375rem;font-weight:700}.search-suggestions-dropdown .suggestion-item .suggestion-content .suggestion-subtext{color:#656b76;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.search-suggestions-dropdown .no-results{text-align:center;color:#656b76;padding:1.25rem;font-style:italic}.mobile-header-search{background:#fff;border-bottom:1px solid #0000000d}.mobile-header-search .accordion-item{background:0 0!important}.mobile-header-search .banner-search-div .banner-search-input-div{border:1px solid #e9ecef;transition:all .3s;background:#f8f9fa!important}.mobile-header-search .banner-search-div .banner-search-input-div:focus-within{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc1a;background:#fff!important}.mobile-header-search .banner-search-div .banner-search-input-div input{height:40px;font-size:.875rem;font-weight:500}.mobile-header-search .banner-search-div .banner-search-input-div .form-control{background:0 0;border:none;height:40px}.mobile-header-search .banner-search-div .banner-search-input-div .form-control:focus{box-shadow:none}@keyframes sheen{0%{background-position:0%}to{background-position:100%}}@keyframes dropFade{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width:1200px){.header-modern .main-navbar{padding:0;height:auto!important}.header-modern .main-navbar .container-fluid{padding:0 1.25rem}.header-modern .main-navbar .navbar-brand .logo-img{width:100px;height:40px}.header-modern .main-navbar .header-actions{gap:10px}}
