#header{left:0;position:sticky;top:0;z-index:2}.app-header{align-items:center;background-color:var(--secondary);display:flex!important;flex-direction:column;gap:10px;justify-content:center;padding:30px 0 15px}.app-header .header-info{align-items:center;display:flex;justify-content:space-between}.app-header #nav-toggler{display:none}.app-header .menu-icon-container{color:#fff;cursor:pointer;display:none;font-size:30px}.app-header .header-info .contact-info{align-items:flex-end;display:flex;flex-direction:column;font-size:18px}.app-header .header-info .contact-info .label{color:#fff;font-weight:700}.app-header .header-info .contact-info a{color:var(--primary);font-weight:600;text-decoration:none}.app-header .header-info .contact-info a:hover{text-decoration:underline}.app-header .header-info .call-button{align-items:center;background-color:var(--primary);border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:24px;height:57px;justify-content:center;min-width:57px;text-decoration:none}.app-header #navs-container .navs{display:flex;flex:1;gap:40px}.app-header #navs-container .navs li{list-style:none;position:relative;z-index:unset}.app-header #navs-container .navs li a,.app-header #navs-container .navs li label{display:block;font-size:18px;font-weight:700;padding:5px 10px;text-decoration:none}.app-header #navs-container .navs li label,.app-header .menu-label-container{align-items:center;display:flex;justify-content:space-between}.app-header .menu-label-container i{cursor:pointer;font-size:18px}.app-header #navs-container .navs li a,.app-header #navs-container .navs li i,.app-header #navs-container .navs li label{color:#fff}.app-header #navs-container .navs li input[type=checkbox]{display:none}.app-header .submenu{background-color:var(--secondary);display:none;flex-direction:column;position:absolute;width:max-content}.app-header .secondary{display:none;left:100%;top:0;transform:translateY(-1px)}.app-header .secondary>li:first-of-type{padding-top:12px}.app-header .secondary>li:last-of-type{padding-bottom:12px}.app-header #navs-container{align-items:center;display:flex;justify-content:space-between}.app-header #navs-container .navs>li>ul.submenu.secondary{left:unset;top:unset}.app-header #navs-container .navs>li:hover>.menu-label-container a{color:var(--primary)}.app-header .submenu li>.menu-label-container{padding:0 10px}.app-header .submenu li:hover>.menu-label-container{background-color:#24221f}.app-header .submenu li:hover>.menu-label-container a{color:var(--primary)}.app-header li:hover>.submenu{display:flex}.app-header #navs-container #search-engine-container{align-items:center;display:flex;gap:20px;justify-content:space-between}.app-header #navs-container #search-engine-container #enquire-button,.app-header #navs-container #search-engine-container #search-button{background-color:var(--primary)}.app-header #navs-container #search-engine-container #enquire-button{align-items:center;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;padding:0 20px}.app-header #navs-container #search-engine-container #search-button{border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;width:40px}@media (min-width:1200px){.app-header .menu-label-container a{padding-left:10px!important}.app-header,.app-header .header-info .contact-info{transition:all .3s}.app-header .header-info{height:70px;transition:all .2s}.app-header #navs-container #search-engine-container,.app-header #navs-container #search-engine-container #enquire-button,.app-header #navs-container .navs,.app-header #navs-container .navs li>.menu-label-container label,.app-header .logo-container{transition:all .2s}.app-header.scrolled{gap:unset;padding:15px 0}.app-header .header-info.scrolled{height:0}.app-header .logo-container.scrolled{scale:.6;translate:-42px 21px}.app-header .header-info .contact-info.scrolled{display:none}.app-header #navs-container .navs.scrolled{gap:20px;padding-left:180px}.app-header #navs-container .navs li>.menu-label-container label.scrolled{padding:5px}.app-header #navs-container #search-engine-container.scrolled{gap:10px}.app-header #navs-container #search-engine-container #enquire-button.scrolled{background-color:unset;outline:3px solid var(--primary,#44d62c)}.app-header #navs-container #search-engine-container #enquire-button.scrolled:hover{background-color:var(--primary,#44d62c);outline:none}.app-header .secondary{border-radius:3px;box-shadow:0 0 5px #373737;position:absolute;z-index:1}.app-header #navs-container .navs{flex-wrap:wrap;row-gap:5px!important}}@media (max-width:1200px){body.no-scroll{overflow:hidden}.app-header .app-wrapper{padding:0 10px}.app-header{flex-direction:column;gap:0;height:fit-content;max-height:100vh;overflow-y:auto;padding-bottom:0;padding-top:0}.app-header .header-info{flex:1 0 80px}.app-header .menu-icon-container{display:block}.app-header .header-info .logo-container{margin:0 20px;width:150px}.app-header .header-info .logo-container #logo{width:100%}.app-header .header-info .contact-info{display:none}.app-header .header-info .call-button{display:flex}.app-header #navs-container{align-items:stretch;display:none;flex-direction:column-reverse;gap:10px;padding:0 10px 10px}.app-header #navs-container .navs{display:flex;flex-direction:column;gap:0;overflow:hidden;overflow-y:auto;padding:0 0 100px}.app-header #nav-toggler:checked~#navs-container{display:flex;flex:1;overflow-y:auto}.app-header .menu-label-container i{padding-right:10px}.app-header #navs-container .navs li a,.app-header #navs-container .navs li label{padding:10px}.app-header #navs-container .navs>li:hover>.menu-label-container{background-color:#24221f}.app-header .submenu{position:relative;width:100%}.app-header .submenu li>.menu-label-container{padding:0}.app-header .secondary{left:unset;padding:0;top:unset;transform:unset}.app-header .secondary>li:first-of-type{padding-top:0}.app-header .secondary>li:last-of-type{padding-bottom:0}.app-header li:hover>.submenu{display:none}.app-header li input[type=checkbox]:checked~.submenu{display:flex}.app-header #navs-container #search-engine-container #enquire-button{background-color:unset;border:2px solid var(--primary);color:var(--primary);flex:1}.app-header #navs-container #search-engine-container #enquire-button:hover{background-color:var(--primary);color:#fff}}