header .nav_links ul,header .search{height:fit-content;background-color:#fff}#btt:hover,header #nav_toggle:hover,header .nav_links li>a.active,header .nav_links ul a:hover,header .nav_links>li>a::before,header .search #close-search{background-color:var(--c-primary)}#btt,header .nav_links,header .nav_links li>a.active:hover,header .search,header .search #close-search,header nav{transition:var(--trans-4)}#btt,header,header .nav_links ul,header .search,header .search #close-search:hover{background-color:#fff}#btt{width:3rem;height:3rem;position:fixed;bottom:2rem;right:2rem;display:none;align-items:center;justify-content:center;border:1px solid var(--c-primary);border-radius:50%;box-shadow:var(--shdw-nrml);z-index:2}#btt:hover img{filter:invert(1)}header{padding-inline:var(--page-margin);position:sticky;top:0;box-shadow:var(--shdw-lght);border-radius:0 0 .625rem .625rem;z-index:5;transition:var(--trans-6)}header nav{display:flex;align-items:center;gap:1.25rem;z-index:50}header .logo{flex:none;margin-right:5rem}header .nav_links{width:100%;display:flex;align-items:center;gap:1.875rem}header .nav_links>li:not(:has(> a.active)){margin-right:.938rem}header .nav_links>li{position:relative;padding-block:2rem}header .nav_links li a{font-size:var(--fs-xs, 18px);font-weight:600;text-transform:capitalize;text-wrap:nowrap}header .nav_links li>a{position:relative;width:fit-content;padding-block:0.313rem}header .nav_links>li>a::before{position:absolute;bottom:-4px;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:bottom right;transition:transform .4s;content:''}header .nav_links>li>a:hover::before{transform:scaleX(1);transform-origin:bottom left}header .nav_links li>a.active{color:#fff;padding:.313rem 1rem;border-radius:var(--br-base)}header .nav_links li>a.active:hover{background-color:#000;color:#fff}header .nav_links li>a.active::before{content:none}header .nav_links ul{position:absolute;inset:100% 0 0;width:fit-content;min-width:14rem;display:none;grid-template-columns:repeat(4,1fr);padding:0;border-radius:10px;box-shadow:var(--shdw-drk);column-gap:.313rem}header .nav_links ul a{width:100%;font-size:var(--fs-2xs, 14px);font-weight:400;padding:.625rem 1rem}header .nav_links ul a:hover{color:#fff}body:not(:has(header .search.hide)),header .nav_links ul li{position:relative}header .nav_links ul:has(> :nth-child(n+9)) li{border-right:1px solid var(--c-bg)}header .nav_links ul:has(> :nth-child(n+9)) li:nth-of-type(4n+4){border:none}header .nav_links ul ul{inset:0 0 auto 100%;max-height:462px;overflow:auto;scrollbar-width:none}header .nav_links ul li:has(ul)>a{position:relative;padding-right:3rem}header .nav_links ul li:has(ul)>a:hover::before{filter:none}header .btns{flex:none;display:flex;align-items:center;gap:1.25rem}header .btns>:first-child{display:flex;align-items:center;gap:.5rem;font-weight:600}header .btns>:first-child:hover{color:var(--c-primary)}header .btns .icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:var(--c-bg);border-radius:50%}header .btns .icon:hover,header .btns>:first-child:hover .icon{background-color:var(--c-primary);transition:var(--trans-4)}header #nav_toggle:hover img,header .btns .icon:hover img,header .btns>:first-child:hover .icon img{filter:brightness(50)}header .search{position:absolute;inset:0;width:100%;display:flex;align-items:center;gap:1rem;padding:2.875rem var(--page-margin);border-radius:0 0 var(--br-base) var(--br-base);z-index:3}body:not(:has(header .search.hide))::before{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,75%);z-index:2;content:''}header .search.hide{display:none}header .search input{font-size:var(--fs-base, 16px);background:url(https://www.kolaxoccs.com/theme//website/assets/images/icons/magnifying-glass.svg) calc(100% - 1rem) center/1.25rem no-repeat;background-color:var(--c-bg)}header .search #close-search{width:3.125rem;height:3.125rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--c-primary)}header .search #close-search:hover img{filter:var(--fltr-primary)}header .btn__primary{flex:none;width:10rem}header #nav_toggle{flex:none;width:2.625rem;height:2.625rem;display:none;align-items:center;justify-content:center;background-color:var(--c-bg);border-radius:50%}@media only screen and (max-width:1600px){header .logo{margin-right:2rem}header .nav_links>li:not(:has(> a.active)){margin:0}}@media only screen and (max-width:1400px){header .btns,header nav{gap:1rem}header .logo{max-width:11.875rem;margin-right:1rem}header .nav_links{gap:1.25rem;padding:0}header .nav_links ul{grid-template-columns:repeat(3,1fr)}header .nav_links ul:has(> :nth-child(n+9)) li:nth-of-type(n+1){border:none}header .nav_links li a{font-size:var(--fs-base)}header .nav_links li>a.active{padding:.25rem .75rem}header .btns .icon{width:2.625rem;height:2.625rem}header .btns .icon img{width:1rem}header .btn__primary{width:9rem}}@media only screen and (max-width:1200px){header .logo{max-width:11.25rem}header .nav_links{gap:1rem}header .nav_links ul{grid-template-columns:repeat(2,1fr)}header .btns{gap:.75rem}header .btns>:first-child span{display:none}header .btns>:first-child .icon{background-color:var(--c-primary)}header .btns>:first-child .icon img{filter:brightness(50)}header .btns>:first-child:hover .icon{background-color:var(--c-bg)}header .btns>:first-child:hover .icon img{filter:initial}header .btn__primary{width:8rem}}@media only screen and (min-width:992px){header .nav_links li:hover>ul{display:block}header .nav_links ul li:has(ul)>a::before{position:absolute;inset:0 0.5rem 0 auto;width:.75rem;height:.75rem;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/arrow-right.png') center/cover no-repeat;filter:invert(1);margin-block:auto;content:''}header .nav_links li>button{display:none}}@media only screen and (max-width:991px){header .nav_links,header .nav_links ul{width:100%;border-radius:0 0 10px 10px}#btt{bottom:1rem;right:1rem}header{padding-block:1.25rem}header .logo{margin:0}header .nav_links{display:none;position:absolute;inset:100% 0 0;height:fit-content;flex-direction:column;align-items:flex-start;gap:0;background-color:#fff;padding:1.25rem 1rem;box-shadow:var(--shdw-nrml)}header .nav_links.show{display:block;border-top:2px solid var(--c-primary);z-index:5}header .nav_links li{width:100%}header .nav_links>li{padding:0}header .nav_links li a{width:100%;padding:.75rem}header .nav_links li>a.active{padding:.75rem;border-radius:10px 10px 0 0}header .nav_links li>a.active+button{top:1rem;filter:invert(1);transform:rotate(180deg)}header .nav_links li:has(> button) button{position:absolute;inset:0.625rem 0.75rem 0 auto;width:1rem;height:fit-content}header .nav_links ul{position:static}header .nav_links ul li:first-child a,header .nav_links ul li:last-child a{border-radius:0}header .btns{margin-left:auto}header #nav_toggle{display:flex}header #nav_toggle.hide{display:none}}@media only screen and (max-width:575px){header{padding-inline:1rem}header nav{gap:.75rem}header .btn__primary{display:none}header .search{padding:2rem 1rem}}@media only screen and (max-width:475px){header .logo{max-width:10rem}}