header{position:fixed;top:0;left:0;width:100%;z-index:499;.navbar-brand{margin:0;.header-logo{display:flex;align-items:center;justify-content:center;height:40px;img{display:block;height:100%;object-fit:cover;object-position:center}}}}.width-change{width:calc(100% - 8px)}.navbar-comman{.navbar-nav{.nav-item{.nav-link{font-size:var(--fs-14);line-height:var(--lh-18);text-transform:uppercase;position:relative;white-space:nowrap}}}.header-top-btn{height:100%}}.navbar-custom{padding:30px 0;.navbar-nav{padding:20px 48px;background-color:var(--primary-400);border-radius:50px;.nav-item{margin:0 36px;.nav-link{color:var(--white);color:var(--primary);margin:0!important;padding:0!important;font-size:var(--fs-14);line-height:var(--lh-18)}&:hover{.nav-link{color:var(--secondary)!important}}}.active-page{.nav-link{color:var(--secondary)}}}.header-top-btn{height:100%;.common-btn{background-color:var(--white);border:none;&:hover{background-color:var(--secondary)}}}}.navbar-custom_2{padding:8px 0;background-color:var(--white);.navbar-nav{padding:10px 48px;background-color:transparent;.nav-item{margin:0 36px;transition:all .3s ease-in-out;.nav-link{color:var(--text-secondary);margin:0!important;padding:10px 0!important;font-size:var(--fs-14);line-height:var(--lh-18);&:before{content:"";display:block;width:0;height:1px;background-color:var(--secondary);position:absolute;bottom:100%;left:0;transition:all .3s ease-in-out}}&:hover{.nav-link{color:var(--secondary)!important;&:before{width:100%}}}}.active-page{.nav-link{color:var(--secondary);&:before{width:100%}}}}.header-top-btn{height:100%;.common-btn{border:1px solid var(--primary);&:hover{background-color:var(--primary)}}}}.navbar-comman .logo{max-height:50px}.navbar-comman .dropdown-item:active,.navbar-comman .dropdown-item:focus,.navbar-comman .dropdown-item:hover{background-color:var(--white);color:var(--primary)}@media (min-width:1200px){.navbar-custom{padding:30px 0;.navbar-nav{padding:20px 48px;background-color:var(--white-500);border-radius:50px;.nav-item{margin:0 36px;.nav-link{color:var(--primary);margin:0!important;padding:0!important;font-size:var(--fs-14);line-height:var(--lh-18)}&:hover{.nav-link{color:var(--secondary)!important}}}.active-page{.nav-link{color:var(--secondary)}}}.header-top-btn{height:100%;.common-btn{background-color:var(--white);border:none;&:hover{background-color:var(--secondary)}}}}.navbar-custom_2{padding:8px 0;background-color:var(--white);.navbar-nav{padding:10px 48px;background-color:transparent;.nav-item{margin:0 36px;transition:all .3s ease-in-out;.nav-link{color:var(--text-secondary);margin:0!important;padding:10px 0!important;font-size:var(--fs-14);line-height:var(--lh-18);&:before{content:"";display:block;width:0;height:1px;background-color:var(--secondary);position:absolute;bottom:100%;left:0;transition:all .3s ease-in-out}}&:hover{.nav-link{color:var(--secondary)!important;&:before{width:100%}}}}.active-page{.nav-link{color:var(--secondary);&:before{width:100%}}}}.header-top-btn{height:100%;.common-btn{border:1px solid var(--primary);&:hover{background-color:var(--primary)}}}}.navbar-comman{.navbar-nav{position:relative!important}}.navbar-collapse.collapse{height:100%}.navbar-comman .dropdown:hover .dropdown-menu{left:0;opacity:1;visibility:visible}.navbar-comman .dropdown-menu .dropdown-item{transition:all .5s linear}.navbar-comman .nav-item>a{display:flex;align-items:center;justify-content:center}.navbar-comman .text-decoration-none{white-space:nowrap}}@media (max-width:1199px){@media (min-width:991px){.navbar-comman{.navbar-nav{position:relative!important;padding:20px 36px;.nav-item{margin:0 24px}}}.navbar-collapse.collapse{height:100%}.navbar-comman .nav-item>a{display:flex;align-items:center;justify-content:center}.navbar-comman .text-decoration-none{white-space:nowrap}.navbar-brand{margin:0;.header-logo{width:180px;height:auto!important;img{width:100%}}}}}@media (max-width:991px){.navbar-custom{.custom-toggler{span{background-color:var(--white)!important}}.navbar-nav{border-radius:0;top:80%!important;.nav-item{margin:0 36px;.nav-link{padding:8px!important}}}}.navbar-custom_2{background-color:var(--white);.custom-toggler{span{background-color:var(--primary)!important}}.navbar-nav{border-radius:0;top:80%!important;.nav-item{margin:0 36px;.nav-link{padding:8px!important;&:before{display:none}}}}}.navbar-comman{.custom-toggler{border:none!important;text-align:end;span{width:24px;height:3px}}.navbar-toggler{&:focus{box-shadow:none}}.collapsed>.middle{margin-left:auto;width:18px}.navbar-nav{top:110%;width:100%;box-shadow:0 .5rem 1rem var(--shadow-01);background-color:var(--white);display:flex;flex-direction:column;gap:4px;.nav-item{.nav-link{justify-content:flex-start;padding:8px 8px 8px 16px;color:var(--text-secondary)}&:hover{.nav-link{background-color:var(--primary);color:var(--white)!important}}}}}}