@keyframes showMenu{
0%{transform:translateY(15px) translateX(-30%);opacity:0}
to{transform:translateY(0) translateX(-30%);opacity:1}
}
#append_header{position:fixed;top:-30%;left:0;height:100%;max-height:3.5em;z-index:999999;animation:bounceIn 1.5s cubic-bezier(0,0,0,1) forwards}
#append_header.scrolled{background:linear-gradient(315deg,#9755c8,#713c94,#713c94,#9755c8);box-shadow:0 0 7px #00000036}
.mobile-logo--section{display:none}
#append_header .brand-logo::before{content:"";width:100%;height:100%;position:absolute;left:50%;background-color:#fff;z-index:-1;transform:translateX(-50%) scale(0);transition:transform .7s cubic-bezier(.075,.82,.165,1)}
#append_header.scrolled .brand-logo::before{width:100%;transform:translateX(-50%) scale(1)}
#append_header,.brand-logo{width:100%;transition:background-color .9s ease}
.brand-logo{display:grid;place-items:center;max-width:10em;overflow:hidden;margin:0 auto;border-radius:7px;position:relative;padding:.4rem .4rem .25rem}
.brand-logo img{max-width:100%;width:100%;object-position:center;margin:0 auto}
.custom-navbar{gap:.55em}
.custom-navbar>li>a.nav-link{font-size:.875rem;letter-spacing:.06em;font-weight:500;line-height:1em;color:#fff;text-transform:uppercase;padding:0}
.header-login-btn{font-size:.925rem;line-height:1.6;letter-spacing:.05em;color:var(--text-color);font-weight:500;background-color:#fff;padding:.25em .25em .25em .65em;border-radius:99px;gap:.5rem;transition:1s cubic-bezier(.075,.82,.165,1)}
#append_header .dropdown-toggle,.header-login-btn{display:flex;align-items:center}
#append_header .nav-link:is(:hover,:focus,.show){color:#fff}
#append_header .dropdown-toggle::after{border-width:0;background-image:url(../assets/images/menu-arrow.svg);background-repeat:no-repeat;background-size:100% 100%;width:1.6em;height:1.6em;background-position:center;transition:transform .9s cubic-bezier(.075,.82,.165,1)}
#append_header .dropdown-toggle.show::after{transform:rotate(180deg)}
#append_header .dropdown-menu.show{--bs-dropdown-spacer:1.5rem;padding:1.25em;inline-size:300px;border-radius:.75em;transform:translateX(-30%);-webkit-box-shadow:0 0 0 1px rgba(10,9,11,.05),0 2px 2px -1px rgba(10,9,11,.04),0 2px 12px -1px rgba(10,9,11,.1);box-shadow:0 0 0 1px rgba(10,9,11,.05),0 2px 2px -1px rgba(10,9,11,.04),0 2px 12px -1px rgba(10,9,11,.1);display:flex;overflow:hidden;flex-direction:column;animation:showMenu .9s cubic-bezier(.075,.82,.165,1)}
#append_header .dropdown-menu li{width:100%}
#append_header .dropdown-menu li a{padding:0 0 .5rem;display:block;text-decoration:none;font-size:.925rem;font-weight:500;color:var(--text-grey-color-5);letter-spacing:.025em;transition:color .9s cubic-bezier(.075,.82,.165,1)}
#append_header .dropdown-menu li a:hover{color:var(--primary-color)}