.nav-bar{background:#fff;box-shadow:0 24px 24px rgba(0,0,0,.02);padding:1.6rem 0;width:100%;z-index:8}.nav-bar ul{display:flex;gap:1.6rem 3.2rem;justify-content:space-between;list-style:none;margin:0;padding:0}.nav-bar a{display:inline-block;font-size:1.4rem;font-weight:600;line-height:1.29;padding-bottom:4px;position:relative}.nav-bar a,.nav-bar a.active,.nav-bar a:hover{color:var(--dark-gray)}.nav-bar a.active:after,.nav-bar a:hover:after{background:linear-gradient(90deg,#e81e8d,#f89f20);bottom:0;content:"";display:block;height:2px;left:0;position:absolute;right:0}@media (max-width:767px){.nav-bar{display:none!important}}