.header{width:100%;height:90px;padding:0 1.5rem;transition:all .3s;position:absolute;top:0}@media (min-width:768px){.header{padding:0 2rem}}.header__content{color:#fff;z-index:300;justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:2rem 0;display:flex;position:relative;overflow:hidden}.header__content__nav{text-align:center;-webkit-backdrop-filter:blur(.8px);backdrop-filter:blur(.8px);background-color:#6a0dade6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:100%;transform:translate(0)}@media (min-width:768px){.header__content__nav{background:0 0;flex-direction:row;width:auto;height:100%;position:static;transform:none}}.header__content__nav ul{flex-direction:column;gap:1.5rem;list-style:none;display:flex}@media (min-width:768px){.header__content__nav ul{flex-direction:row;justify-content:space-evenly;align-items:center;gap:22px;margin-right:20px}}.header__content__nav ul li{width:100%;color:inherit;transition:.3 ease all;margin-bottom:20px;font-size:18px;font-weight:400;text-decoration:none;position:relative}.header__content__nav ul li a.active:after{content:"";background-color:#f7d716;border-radius:22px;outline:none;align-items:center;width:100%;height:5px;margin-top:15px;margin-bottom:-10px;transition:width .3s;position:absolute;bottom:0;left:0}.header__content__nav ul li a.active{color:#f7d716}@media (min-width:768px){.header__content__nav ul li{margin-bottom:0}}.header__content__nav ul li:hover,.header__content__nav ul li:active{color:#f7d716}.header__content__nav button{cursor:pointer;color:#000;transition:.3 ease all;background:#f7d716;border:1px solid #0000;border-radius:22px;outline:none;padding:.45rem 1.25rem;font-family:inherit;font-size:1.1rem;font-weight:500}.header__content__nav.isMenu{transform:translate(100%)}.header__content .submenu{display:none}.header__content li:hover .submenu{display:block}.header__content .submenu li{white-space:nowrap;cursor:pointer;padding:.5rem 1rem}.header__content .submenu li:hover{text-decoration:underline}.header__content__toggle{cursor:pointer;align-items:center;font-size:2rem;transition:all .3s;display:flex;position:relative}@media (min-width:768px){.header__content__toggle{display:none}}