.navbar-custom{background-image:linear-gradient(180deg,#000 40%,transparent);font-family:Kanit,sans-serif;color:#fff!important;position:fixed;top:0;left:0;right:0;z-index:20}.navbar-collapse{margin-top:-20px}.navbar-custom .navbar-nav{align-items:stretch;height:100%}.navbar-custom .container{height:100%}.navbar-custom .navbar-nav .nav-item{display:flex;align-items:center;height:100%;font-size:20px;font-family:Segoe UI Variable Display,sans-serif;font-weight:600}.navbar-custom .navbar-nav .nav-item .nav-link{display:flex;align-items:center;padding:1.5rem 3px;height:100%;width:142px;position:relative;justify-content:center;text-align:left;text-wrap:nowrap}.navbar-custom .navbar-nav .nav-item .nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,grey,transparent);z-index:-1;transition:opacity .2s ease-in-out;opacity:0}.navbar-custom .navbar-nav .nav-item:hover .nav-link:before{opacity:1}.navbar-custom .navbar-nav .nav-item:hover .nav-link{font-weight:700}@media (max-width:991px){.navbar-custom .navbar-nav{justify-content:flex-start;padding-left:1em}.navbar-custom .navbar-brand img{display:none}.navbar-collapse{margin-top:25px!important}.navbar-custom .navbar-collapse,.navbar-custom .navbar-toggler-icon{background-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-custom .navbar-brand img{display:block}.navbar ul{width:300px!important;overflow-y:hidden!important}.navbar ul li{margin-right:0!important}.navbar-brand{width:160px!important}}.navbar a{color:#fff!important;text-decoration:none;transition:color 2s ease-in-out}.navbar .logo-header:hover{border:none}.img-fluid{width:100%;height:auto}.navbar-brand{width:210px}.navbar-toggler-icon{background-image:none!important}.navbar-toggler{top:-10px}.icon-bar{width:30px;height:3px;background-color:var(--iq-primary);position:absolute;transition:all .3s ease-in-out}.top-bar{transform-origin:top left}.middle-bar{opacity:1}.bottom-bar{transform-origin:bottom left}.navbar-toggler.collapsed .top-bar{transform:translateY(8px) rotate(45deg)}.navbar-toggler.collapsed .middle-bar{opacity:0}.navbar-toggler.collapsed .bottom-bar{transform:translateY(-9px) rotate(-45deg)}.navbar-toggler{position:relative;border:none;padding:0;cursor:pointer;background:transparent;width:30px;height:24px;outline:none}.navbar-toggler img{width:100%;height:auto}.icon-fade-enter-active,.icon-fade-leave-active{transition:opacity .3s}.icon-fade-enter,.icon-fade-leave-to{opacity:0}.logo-lg{left:50%;transform:translateX(-50%)}.logo-container{width:196px;height:auto}