header.navbar-container{width:100%;background-color:#005bab;padding:17px;position:sticky;top:0;display:flex;justify-content:space-around;align-items:center;z-index:9999;border-bottom:#fccc2b 2px solid}header.navbar-container .logo{display:flex;justify-content:center;align-items:center;gap:0 18px}header.navbar-container .logo img{width:60px}header.navbar-container .logo a{font-family:"Lora",sans-serif;color:#fff;font-size:14px;text-decoration:none}header.navbar-container .nav-list ul{padding-left:0;display:flex;justify-content:center;gap:8px}header.navbar-container .nav-list li{list-style-type:none;white-space:nowrap}header.navbar-container .nav-list li a{padding:8px 16px;border-radius:999px;text-decoration:none;font-size:16px;font-weight:500;color:#fff;transition:all 0.2s ease-in-out}header.navbar-container .nav-list li:hover a{background-color:#3730ff;color:#fff}@media screen and (max-width:768px){header.navbar-container{flex-direction:column}header.navbar-container .nav-list ul{flex-wrap:wrap;column-gap:.5rem}}@media screen and (max-width:425px){header.navbar-container .nav-list{bottom:0;left:0;right:0;z-index:5;position:fixed;background-color:#005bab}header.navbar-container .logo{gap:0 12px}header.navbar-container .logo img{width:32px}header.navbar-container .logo a{font-size:12px}header.navbar-container .nav-list ul{gap:4px}header.navbar-container .nav-list li a{padding:4px 8px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:500}}@media screen and (max-width:363px){header.navbar-container .nav-list li a{padding:4px 8px;border-radius:999px;text-decoration:none;font-size:10px;font-weight:500}}