body{margin:0}header{background-color:#292641!important;display:flex;flex-direction:column;position:fixed;width:100%;z-index:9999}main{padding-top:10rem}a{text-decoration:none!important}.header-logo{filter:drop-shadow(-2px 1px 3px gray);height:115%;left:0;position:absolute;top:0;z-index:1}header a{text-decoration:none}.box-header-up{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:1.5rem 5rem 1.5rem 0}.box-header-up span{align-items:center;border-radius:4rem;color:#fff;display:flex;font-weight:600;height:49px;justify-content:center;margin-right:20px;width:211px}header #span1{background-color:#fff;color:#000}header #span2{background-color:#efab1e}header #pay-online{background-color:#25c525}header span:hover{cursor:pointer}nav{background-color:#fff;box-shadow:1px 1px 19px hsla(0,0%,50%,.377);padding:.4rem 4.7rem .4rem 0;position:relative}.button-menu{display:none}.button-menu #menu-bars{cursor:pointer;font-size:2rem}nav ul{display:flex;gap:12px;justify-content:flex-end;list-style:none;margin:7px 0}ul.show{background-color:#fff;box-shadow:2px 0 7px gray;display:block;height:100vh;left:0;margin-top:0;padding:0 2.4rem 1rem;position:fixed;top:0;width:20rem;z-index:1}nav ul li a{color:grey;font-size:17px;font-weight:600}nav ul li a:hover{color:#282641;font-weight:700;text-decoration:none}.nav-list{position:relative}.header-ul-active{display:none}.nav-drop-down{background-color:#fff;border-radius:.6rem;box-shadow:0 0 7px hsla(0,0%,50%,.534);display:none;overflow:hidden;position:absolute;width:100%;z-index:2}.nav-list:hover .nav-drop-down{display:block;transition:2s}.nav-drop-down a{align-items:center;color:grey;display:flex;flex-direction:column;font-size:14px;line-height:15px;padding:1rem 0;text-decoration:none}.nav-drop-down a li{width:70%}.nav-drop-down a:hover{background-color:#f5f5f5;color:#000}.nav-drop-down a:after{visibility:hidden}nav ul a.active{color:#282641;font-weight:700}nav ul a span,nav ul a:after{background-color:#efab1e;bottom:7px;height:3px;left:50%;position:absolute;transform:translate(-50%,50%);width:100%}nav ul a:after{content:"";opacity:0;transition:all .3s ease}nav ul a:hover:after{opacity:100%;width:100%}@media (max-width:1550px){nav{padding-right:1.4rem}}@media (max-width:1430px){.box-header-up{justify-content:center;padding-right:0}.header-logo,nav ul{display:none}nav ul{gap:0}.button-menu{display:flex;justify-content:flex-end;margin-right:12px;padding:1rem 0}.header-ul-active{align-items:center;color:#282641;display:flex;justify-content:space-between;margin-top:10px}.header-ul-active h2{margin:0}#close-menu{cursor:pointer}nav{padding:0}nav ul li a{font-size:15px}nav ul li{border-bottom:1.4px solid #cfcdcd;padding:1rem 0}nav ul li i{position:absolute;right:6px;top:22px}nav ul a span,nav ul a:hover:after{opacity:0}.nav-drop-down{border-radius:0;box-shadow:none;position:relative}.nav-list:hover .nav-drop-down{display:none}.nav-drop-down a{color:grey;font-size:13px;font-weight:600;padding:0}.nav-drop-down a li{align-items:center;border:none;display:flex;height:26px;margin-left:50px;width:100%}}@media (max-width:990px){#span1,#span2{display:none}#pay-online{margin:0}}@media (max-width:750px){.box-header-up{justify-content:center}}@media (max-width:443px){.box-header-up span{width:230px}.box-header-up a:first-child span{margin-right:0}#pay-online{margin-top:10px}main{padding-top:13rem}}