header{position:fixed;top:0px;left:0px;width:100vw;z-index:1000}.header .navbarContainer{height:96px;width:100%;background:#fff;display:flex;align-items:center;border-bottom:1px solid #dee2e6;border-radius:0px 0px 15px 15px;box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px}.header .navbarLeft{flex:3;display:flex;align-items:center;justify-content:center}.header .navbarLogo{height:72px;width:96px}.header .navbarLogo img{height:100%;width:100%;object-fit:cover}.header .navbarCenter{flex:6;display:flex;padding-right:18px;align-items:center;justify-content:start}.header .navbarCenterLinks{display:flex;align-items:center;gap:1.5rem;font-size:1rem;cursor:pointer}.header .navbarCenterLinks a.active{color:var(--primary)}.header .navbarRight{flex:3;display:flex;align-items:center;justify-content:center;gap:20px}.header .navbarIcons{display:flex;gap:9px}.header .navbarLinks{cursor:pointer}.header .navbarContainer button{padding:0px}.header .login-btn{padding:10px 15px;font-size:16px;background-color:var(--primary);color:white;border-radius:2px}.header .mobile-login-btn{display:none;padding:10px 15px;font-size:16px;background-color:var(--primary);color:white;border-radius:2px}.header .login-btn:hover{color:white;background-color:var(--primary-dark)}.header .navbarImg{height:24px !important;width:24px !important}.header .mobile-icon svg{width:20px;height:20px;fill:white}.header .mobile-icon{display:none;justify-content:center;align-items:center;background-color:var(--primary);width:40px;height:40px;border-radius:100%}.header .mobile-icon:hover{background-color:var(--primary-dark)}.header .bottom_nav{z-index:100000;position:fixed;bottom:0px;left:0px;width:100vw;display:flex;justify-content:center;align-items:stretch;gap:0px;background-color:white;box-shadow:rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;border-radius:20px 20px 0px 0px;padding-top:10px;display:none}.header .bottom_nav .item{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.header .bottom_nav .item.active{scale:1.1;border-bottom:5px solid var(--primary);margin-bottom:2px}.header .bottom_nav .item .icon{width:30px;height:30px;padding:2px;margin-bottom:5px}.header .bottom_nav .item .icon svg{width:100%;height:100%}.header .bottom_nav .item .icon.stroke svg{stroke:var(--text-color)}.header .bottom_nav .item .icon.fill svg{fill:var(--text-color)}.header .bottom_nav .item.active .icon.stroke svg{stroke:var(--primary)}.header .bottom_nav .item.active .icon.fill svg *{fill:var(--primary)}.header .bottom_nav .item .text{width:100%;text-align:center;font-size:12px;font-family:Inter-Bold;color:var(--text-color)}.header .bottom_nav .item.active .text{color:var(--primary)}.header .mobile-menu-content{display:none;position:fixed;left:0px;background-color:rgba(73, 71, 71, 0.842);backdrop-filter:blur(7px);width:100vw;max-height:calc(100vh - 100px);padding:20px 5%;padding-bottom:50px;overflow-y:scroll;top:-100%;z-index:99;transform:all 3s ease}.header .mobile-active{top:150px}.header .nav_list{width:100%;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start;height:100%;overflow-y:scroll}.header .nav_list .item{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:10px 20px;font-family:Inter-Bold;font-size:16px;color:white;transition:all ease-in-out 0.3s;border-radius:5px}.nav_list .item.active, .header .nav_list .item:hover{background-color:var(--primary-opacity-30);color:var(--primary)}.header .lang_container{display:flex;justify-content:flex-end;align-items:center}.header .lang_container select{padding:5px 15px;background-color:white;border:2px solid var(--primary);color:var(--primary);font-size:16px;font-family:Inter-Bold;width:80px;text-align:center;height:100%;border-radius:5px;cursor:pointer;transition:all ease-in-out 0.3s;opacity:0.7}.header .lang_container select:hover{background-color:var(--primary);color:white;opacity:1}.header .profile_container{width:100%;display:flex;justify-content:center;align-items:center;padding:10px 5%;opacity:0.7;transition:all ease-in-out 0.3s}header .profile_container:hover{opacity:1}header .profile_container .profile_icon{width:100px}header .profile_container .profile_icon svg{width:50px;height:50px;transition:all ease-in-out 0.3s}header .profile_container .profile_icon svg *{fill:rgba(60, 60, 60);transition:all ease-in-out 0.3s}header .profile_container:hover svg *{fill:var(--primary)}header .profile_container .user_info{flex:9;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;flex-direction:column}header .profile_container .user_info p{color:var(--text-color);margin:0;margin-bottom:5px;transition:all ease-in-out 0.3s}header .profile_container .user_info .name{color:rgb(158, 206, 245);font-family:Inter-Bold}header .profile_container .user_info .mail{color:rgb(70, 170, 252);font-size:16px}header .profile_container:hover .user_info p{color:var(--primary)}header .buttons{width:100%;display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:stretch;padding:0px 5%;gap:5px}header .mobile-buttons a{width:100%;max-width:100%}header .buttons .logout{width:100%;max-width:100%;padding:5px 15px;background-color:white;display:flex;justify-content:center;align-items:center;border:3px solid #ee2f2f;border-radius:5px;cursor:pointer;transition:all ease-in-out 0.3s;opacity:0.7}header .buttons .close{width:100%;max-width:100%;padding:5px 15px;background-color:white;display:flex;justify-content:center;align-items:center;border:3px solid #ee2f2f;border-radius:5px;cursor:pointer;transition:all ease-in-out 0.3s;opacity:0.7}header .buttons .logout p{color:#ee2f2f;margin:0px;font-family:Inter-Bold;transition:all ease-in-out 0.3s}header .buttons .logout .icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;padding:5px}header .buttons .logout .icon svg{width:100%;height:100%}header .buttons .logout .icon svg *{stroke:#ee2f2f;transition:all ease-in-out 0.1s}header .buttons .logout:hover{background-color:#ee2f2f;opacity:1}header .buttons .logout:hover p{color:white}header .buttons .logout:hover .icon svg *{stroke:white}@media screen and (max-width:1100px){.header .mobile-icon{display:flex}.header .navbarContainer{gap:5%;padding:0px 5%}.header .navbarCenter,.navbarRight{display:none}.header .login-btn{min-width:100px;padding-right:12px}.header .mobile-login-btn{display:block;min-width:100px;padding-right:12px}.header .navbarLinks{display:none}}@media screen and (max-width:900px){.header .bottom_nav{display:flex}.header .mobile-menu-content{display:block}}@media screen and (max-width:900px) and (max-height:500px){.navbarContainer{display:none !important}.header .bottom_nav .item{padding:5px !important}.header .bottom_nav .item .icon{width:20px !important;height:20px !important}.header .mobile-active{top:0px !important}}