.header{position:fixed;width:100%;display:flex;align-items:center;transition:all .5s ease;z-index:50;padding:10px 0;margin-top:2px;transform:translateY(0)}.header .show,.header .top{background-color:#0B0E1380;backdrop-filter:blur(8px);border-radius:16px}.header .logo{cursor:pointer;width:180px}.header .menuItems{list-style-type:none;display:none;align-items:center}.header .menuItems .menuItem a{display:flex;align-items:center;margin:0 10px 0 0;color:white;font-weight:500;position:relative;border:1px solid transparent;border-radius:30px;padding:12px 20px;font-size:18px;cursor:pointer}.header .menuItems .menuItem a svg{font-size:18px}.header .menuItems .menuItem a:hover{color:#38CFFF;background:#1E2634;box-shadow:-4px 0 12px 0 rgba(30,38,52,.5);border:1px solid #1e2634;transition:.5s}.header .menuItems .menuItem a.active{color:#38CFFF;background:#1E2634}.header .menuItems .menuItem.searchIcon{margin-right:0}.header .mobile-menu{display:flex;align-items:center}.header .mobile-menu li a{background:linear-gradient(270deg,#1E2634,#0B0E13);box-shadow:-4px 0 12px 0 rgba(30,38,52,.5);border:1px solid #1e2634;border-radius:30px;transition:.5s;color:#fff}.header .mobile-menu img{width:32px;height:32px;margin:0 0 0 10px}.header .mobileMenuItems{display:flex;align-items:center;gap:20px}.header .mobileMenuItems svg{font-size:18px;color:white}.header.mobileView .menuItems{display:flex;position:absolute;top:70px;background-color:#1e26347c;backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;justify-content:center;width:95%;text-align:center;margin:0 auto;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);animation:mobileMenu .3s ease forwards}.header.mobileView .menuItems li.menuItem{border-radius:30px;background:#0B0E13;margin:5px auto;width:90%;font-size:16px;transition:.5s;border:1px solid #1e2634}.header.mobileView .menuItems li.menuItem a:hover{color:#38CFFF;background:#1E2634;box-shadow:-4px 0 12px 0 rgba(30,38,52,.5)}.header.mobileView .menuItems .menuItem a{font-size:20px;width:100%;height:auto;padding:15px 20px;margin:0;display:flex;flex-direction:column;align-items:center}@keyframes mobileMenu{0%{transform:translateY(-130%)}to{transform:translateY(0)}}@media screen and (min-width:768px){.header .menuItems{display:flex}.header .mobileMenuItems{display:none}}@media screen and (max-width:568px){.header .for-mobile{display:none!important}.header .logo{width:120px}}