.header,.nav-toggler{background-color:#fff}.header{padding:20px;width:100vw;position:fixed}.logo{height:60px}.row{display:flex;flex-wrap:wrap}.align-item-center{align-items:center}.justify-content-between{justify-content:space-between}.container{margin:auto}.header .nav ul{display:flex;gap:20px}.header .nav ul li a{text-decoration:none;color:#2c2c2c;display:block;font-size:var(--default-font-size);padding:10px}.header .nav ul li a.active,.header .nav ul li a:hover{background-color:var(--secondary-color);cursor:pointer}.nav-toggler{display:none;height:34px;width:34px;cursor:pointer;margin-right:15px;border:none}.nav-toggler span{background-color:var(--secondary-color);height:2px;width:20px;display:block;margin:auto;position:relative;transition:.3s}.nav-toggler span::after,.nav-toggler span::before{content:"";position:absolute;left:0;top:0;background-color:var(--secondary-color);transition:.3s;width:100%;height:100%}.nav-toggler span::before{transform:translateY(-6px)}.nav-toggler span::after{transform:translateY(6px)}.nav-toggler.active span::before{transform:rotate(45deg)}.nav-toggler.active span::after{transform:rotate(135deg)}.nav-toggler.active span{background-color:transparent}@media (max-width:991px){.nav-toggler{display:block}.nav{width:100%;padding:0;max-height:0;overflow:hidden;transform:all .5s ease}.header .nav ul{padding:12px 15px 0;margin-top:12px;border-top:1px solid rgba(255,255,255,.2);flex-direction:column}.header .nav ul li{display:block;margin:0}}