header{padding-block:var(--spacing);width:100%;background-color:var(--white);box-shadow:var(--shadow);z-index:99999;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);transition:transform .3s ease,opacity .3s ease}header.hide{transform:translateY(-100%);opacity:0}header .container{display:flex;justify-content:space-between;align-items:center;position:relative}header .container .page-title{display:none}header .container .logo a{cursor:pointer}header .container .logo a img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover}header .container nav{display:flex}header .container nav .nav-links{display:flex;align-items:center;gap:var(--spacing)}header .container nav .nav-links li a{text-transform:capitalize;color:var(--font-color);transition:var(--transition)}header .container nav .nav-links li a:hover{color:var(--primary-color)}header .container nav .cta{margin-left:var(--spacing-3x)}header .container nav .cta .ka-button{padding-block:var(--spacing-h)}header .container .menu{display:none}header .container .menu img{width:40px;height:40px;min-width:40px;min-height:40px;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:768px){header{position:fixed;top:0}header .container .logo{visibility:visible}header .container .page-title{display:block;text-transform:capitalize;font-size:var(--font-size-lg);font-weight:700;color:var(--text-color-h)}header .container nav{display:none}header .container .menu{display:grid;place-items:center;border-radius:100%;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background-color:transparent;cursor:pointer}header .container .menu img{position:absolute;inset:4px auto auto 4px;width:36px;min-width:36px;height:36px;min-height:36px;-o-object-fit:cover;object-fit:cover;border-radius:100%;box-shadow:var(--shadow)}header .container .menu .ka-icon-button__icon>svg{position:absolute;right:0;bottom:0;width:16px;height:16px;padding:3px;border:2px solid var(--bg-primary);border-radius:100%;background:var(--gray-100);color:var(--text-primary);box-sizing:content-box}}