.navbar{background:var(--green-main);padding:15px 30px;position:fixed;left:0;width:100vw;z-index:5}@media(max-width:425px){.navbar{padding:15px}}.navbar .sub-navbar{max-width:64rem;margin:0 auto}.navbar .sub-navbar .box-navbar{display:flex;justify-content:space-between;align-items:center}.navbar .sub-navbar .box-navbar .group-logo{display:flex;gap:10px;cursor:pointer}.navbar .sub-navbar .box-navbar .group-logo img{width:auto;height:35px}@media(max-width:389px){.navbar .sub-navbar .box-navbar .group-logo img{height:27px}}.navbar .sub-navbar .drop-down{display:flex;align-items:center;gap:10px}.navbar .sub-navbar .drop-down .box-lang{background:var(--green-main);color:#fff;display:flex;align-items:center;gap:10px}.navbar .sub-navbar .drop-down .box-lang .sub-box{border-radius:5px;display:flex;align-items:center;padding:0 5px;height:30px;border:1px solid #fff}.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box{display:flex;align-items:center}.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box .language-dropdown{position:relative;display:inline-block}.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box .language-dropdown .dropdown-toggle-lang{display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:300}@media(max-width:525px){.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box .language-dropdown .dropdown-toggle-lang{font-size:13px}}@media(max-width:425px){.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box .language-dropdown .dropdown-toggle-lang p{display:none}}.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box .language-dropdown .dropdown-menu{display:none;position:absolute;top:150%;right:0;background-color:#fff;border-radius:8px;padding:10px;z-index:99;box-shadow:0 2px 5px rgba(0,0,0,.1)}.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box .language-dropdown .dropdown-menu .dropdown-item{background-color:#fff;color:var(--text-main);border:none;padding:8px 16px;cursor:pointer;width:100%;text-align:left}.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box .language-dropdown .dropdown-menu .dropdown-item:hover{background-color:#f0f0f0}.navbar .sub-navbar .drop-down .box-lang .sub-box .lang-box.show .language-dropdown .dropdown-menu{display:block}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown{position:relative;display:inline-block}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .dropdown-toggle{display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:300}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .dropdown-toggle img{width:100%;max-width:15px;margin-right:7px;margin-left:3px}@media(max-width:425px){.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .dropdown-toggle img{margin-right:0}}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .dropdown-toggle p{font-size:13px}@media(max-width:425px){.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .dropdown-toggle p{display:none}}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login{display:none;position:absolute;top:calc(100% + 10px);right:0;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:10px;width:max-content;z-index:5}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login .sub-box-login{background-color:#fff;color:var(--text-main);padding:10px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login .sub-box-login .logo{display:flex;justify-content:center;gap:10px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login .sub-box-login .logo img{width:auto;height:38px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login .sub-box-login .login-popup{display:flex;flex-direction:column;align-items:center;justify-content:center}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login .sub-box-login .login-popup img{margin-top:10px;width:auto;height:44px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login .sub-box-login .login-popup p{margin-top:20px;color:var(--gold-main);font-size:12px;text-align:center}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-login .sub-box-login button{margin-top:10px;width:100%;padding:8px;border-radius:5px;background:var(--green-main);font-size:15px;color:#fff;font-weight:400;font-family:var(--font-sukhumvitset-bold)}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile{display:none;position:absolute;top:calc(100% + 10px);right:0;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:10px;width:max-content;z-index:5}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile{background-color:#fff;color:var(--text-main)}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .box-hader-profile{display:flex;align-items:center;gap:15px;padding:5px 10px 10px;border-bottom:1px solid #f3f3f3}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .box-hader-profile img{width:100%;max-width:40px;height:48px;object-fit:cover;border-radius:3px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .box-hader-profile h1{font-size:18px;color:var(--text-main);font-weight:500}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .box-hader-profile a{text-decoration:underline;color:var(--gold-main);font-size:12px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .menu-group h2{font-size:14px;color:var(--text-sub);font-weight:500;padding:10px 10px 0}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .menu-group .menu-card .menu-item{cursor:pointer;display:flex;align-items:center;padding:10px;gap:10px;width:100%;width:221px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .menu-group .menu-card .menu-item img{width:100%;max-width:20px}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown .popup-profile .sub-box-profile .menu-group .menu-card .menu-item p{font-size:14px;color:var(--text-main)}.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown.show .popup-login,.navbar .sub-navbar .drop-down .box-lang .sub-box .login-dropdown.show .popup-profile{display:block}